JSFiddle - React, Tailwind, and code Playground
HTML
<div class="ui result segment" id="result">
<div class="ui relaxed divided items"></div>
</div>
JavaScript
const noBreakspaceHandler = (text) => {
try {
return text.replace(new RegExp(String.fromCharCode(160),"g")," ").replace(/\xA0/g," ")
} catch (e) {
return text
}
};
const txt = '<td colspan="1" class="confluenceTd"><p style="">показатель сравнивающий текущий и прошлый период исключая объекты (магазины) отсутствующие в одном из периодов. Данный показатель позволяет оценить динамику изменений основного бизнеса без учета органического роста (открытия магазинов).</p><p style="">Анализ сопоставимых продаж - один из важнейших методов анализа продаж в розничной торговли.</p><p style="">Показатель\xa0Like for Like<span>\xa0</span>отражает на сколько результаты текущего года изменились от относительно прошлого года, а также позволяет выявить причины данных изменений. Метод показателя основан на том, что при расчете исключаются все объекты (магазины), которые не имеют результатов в одном из периодов - показатель рассчитывается только по магазинам имеющим продажи в течении текущего и прошлого периодов.</p><p style="">Исключения из расчетов:</p><ol style=""><li>новые магазины, открытые в текущем году</li><li>закрытые магазины в одном из периодов</li><li>магазины закрытые на реконструкцию в одном из периодов</li></ol><p style="">Цель показателя:</p><ol style=""><li><span style="color: rgb(0,51,102);">определить на каком уровне мы находимся относительно прошлых периодов</span></li><li><span style="color: rgb(0,51,102);">исключить влияние сезонности</span></li><li><span style="color: rgb(0,51,102);">выявить причины снижения оборота, оттока покупателей</span></li><li><span style="color: rgb(0,51,102);">спрогнозировать динамику будущих периодов</span></li></ol></td>';
console.log(noBreakspaceHandler(txt));
const template = `
<div class="item transition hidden">
<div class="content">
<a class="header"></a>
<div class="meta">
<p>Бизнес-термин</p>
</div>
<div class="description">
${noBreakspaceHandler(txt)}
</div>
</div>
<div class="ui image">
<i...