12

content-editable を使用して HTML エディターを作成しています。改行 ( <br>) を特殊文字 (「↩」) で終わる各行の終わりに示したいと思いました<br>。::afterしたがって、その文字を として疑似要素を追加したかったのcontentです。

br::after { content: ' ↩'; }

残念ながら、これは機能しません。::beforeどちらも機能しません。

望ましい結果を達成する別の可能性はありますか?

4

3 に答える 3

2

:beforeおよび:after疑似要素はあいまいに定義されており、 のような要素のサポートは不十分ですinput。あなたの CSS コードは無効ではありません。ブラウザでサポートされておらず、実際には仕様で定義されていません。

おそらく JavaScript 駆動型のエディターでは、単に「↩」文字を DOM に挿入できます (必要に応じて後で削除します)。ただし、「↩」はフォントのサポートが限られていることに注意してください。フォントサイズに合わせた小さな画像の方がうまくいくかもしれません。

于 2013-10-21T16:08:25.073 に答える