Вставить новую строку только в текст div

Question

Я работаю с CMS, который разрешает только текст в определенном div (HTML, например <br>, разобран <br>). Это нормально с кодами Unicode/HTML (например, & будет генерировать &, а @ будет генерировать @), но, похоже, не позволит возвращать новую строку/карету. Как я могу поместить <br> в div без использования HTML?

Я пробовал:

• 
 - https://dev.w3.org/html5/html-author/charref
• 
 - New line in text area
• 
 - New line in text area
• 
 или 
 или 
 - https://en.wikipedia.org/wiki/Newline
• 
 или 
 или 
 - https://en.wikipedia.org/wiki/Newline

Вот скрипка с той же проблемой (и HTML структуры, как выход по CMS)>https://jsfiddle.net/w3p4wgcc/ ... Это просто не возможно?

Answer 1

С инлайн CSS я уже успел сделать следующее:

<div style="white-space: pre-wrap;"> 
This is some new text,&#10;this text should be on a new line. 
</div> 

https://jsfiddle.net/6mqgrym9/

Если вам нужны все ваши дивы быть, как это можно было бы сказать в таблице стилей следующее:

div { 
    white-space: pre-wrap; 
} 

Если эти div содержатся в корневом div (который имеет идентификатор), можно было бы сделать следующее:

#idhere > div { 
    white-space: pre-wrap; 
} 

Если вам разрешено использовать некоторые Javascript, вы можете попробовать это:

<div> 
    <script> 
     document.currentScript.parentNode.innerHTML = 'This is some new text<br>this text should be on a new line.'; 
    </script> 
</div>