A small module for styling text with html by using arrays of text style definitions. Commonly necessary for parsing text blocks from content management systems like Takeshape.io and other cm-systems.
npm i styles-to-text
# or
yarn styles-to-text
import stylesToText from "styles-to-text";
const textToStyle = `To be, or not to be, that is the question.`;
const styleDefinitions = [ {
offset: 0,
length: 20,
style: "BOLD"
}, {
offset: 3,
length: 17,
style: "STRIKE"
}, {
offset: 14,
length: 15,
style: "UNDERLINE"
} ];
// Outputs this:
// <strong>To <del>be, or not <u>to be,</u></del></strong><u> that is the</u> question.
console.log(stylesToText(textToStyle, styleDefinitions));
Feel free to contribute and improve this little module! 😇
- Documentation :D
- More features?
- Tests