with javascript, can html markup be added in a text string?
const text = 'This is a test to see whether nested style spans work properly.'
const styling = [
{start: 22, end: 54, type: "strong"},
{start: 30, end: 36, type: "a"},
{start: 37, end: 48, type: "em"},
{start: 43, end: 48, type: "a"}
];
const result = [...text].reduce((a, v, i) => {
styling.filter(s => s.start === i).forEach(s => a += `<${s.type}>`);
styling.filter(s => s.end === i).forEach(s => a += `</${s.type}>`);
return a + v;
}, '');
document.body.innerHTML = result;
// EXMAPLE FROM STACKOVERFLOW.COM //
// OUTPUT:
// This is a test to see <strong>whether <a>nested</a> <em>style <a>spans</em></a> work </strong>properly.