2016-06-14 14 views
3

私は特定のdiv内のテキストのみを許可するCMSを使っています(HTMLは<br>のように、&lt;br&gt;に解析されています)。 Unicode/HTMLコード(例:&amp;&を生成し、&#x00040;@を生成します)でも問題はありませんが、新しい行/復帰を許可していないようです。 HTMLを使用せずに<br>をdivに配置するにはどうすればよいですか?テキスト内に改行を挿入する

私が試した:

ここでは、(CMSによって出力として、またHTML構造)同じ問題とフィドルです>https://jsfiddle.net/w3p4wgcc/ ...それだけでは不可能ですか?インラインCSSで

+0

を、あなたは '\のN 'を試してみたのですか? – Roysh

+0

ちょうど "\ n"を悲しいことにテキストに入れます。\ rと同じ – tymothytym

+0

あなたのcmsはインラインCSSを追加できますか? – Baklap4

答えて

3

私は次の操作を行うことができた:

<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/

あなたはこの1つは、あなたのスタイルシートに次のように言うことができるようになり、あなたのdiv要素のすべてが必要な場合:

div { 
    white-space: pre-wrap; 
} 

これらのdivが(idを持つ)ルート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> 
+0

この " – Baklap4

+0

残念ながら私はそのようにHTMLを編集することはできませんが、ある種のグローバルクラスを作成することは可能かもしれません... – tymothytym

+0

グローバルクラス?あなたはCSSクラスですか?もしあなたがそれがもっと美しい解決策になれば、まだdivをdiv要素に追加する必要があります。 – Baklap4

関連する問題