A simple react string binder.
The StringBinder allows you to replace keywords in plain text with ReactNode elements
npm i @rejchev/react-string-binder
A keyword in plain text must start with $ and contain only A-Za-z with out any spaces.
// keyword is $keyword const success = `This is a $keyword.`; // just not handled const fail = `This is not a $1keyword`; // keyword is $key const watch = `This is not a $key_word`; // multiply keys: $flowers, $crons const multiple = "$flowers and $crowns.";Bind object keys must be same as keywords but with out $
import StringBinderInstance from "@rejchev/react-string-binder"; const text = "This is a simple $example"; StringBinderInstance.bind(text, { example: <hr /> })import StringBinderInstance from "@rejchev/react-string-binder"; const text = "The spring sun warms the awakening nature. " + "Birds chirp joyfully in the tree $crowns, $flowers stretch towards the heavenly surface. " + "The air is filled with freshness and the aroma of the first flowers." const element = StringBinderInstance.bind(text, { crowns: <a href={'https://en.wikipedia.org/wiki/Crown_(botany)'} target={'_blank'}>crowns</a>, flowers: <a href={'https://en.wikipedia.org/wiki/Flower'} target={'_blank'}>flowers</a> })