0

独自の wysiwyg エディターを作成していますが、問題が発生しました。

エディター自体はかなり標準的なもので、コンテンツ編集可能な iframe を使用し、太字のテキストなどにいくつかの execcommand ボタンを使用しています。

私の問題については、html構造をきちんときれいに保つ方法がわかりません。

たとえば、ユーザーがボタンをクリックして、選択したテキストを右にフロートさせ、選択したテキストを取得してラップします。

  <div style="float: right">selected text</div>

. しかし、ユーザーがテキストを複数回選択して前後に移動すると、このような結果になります。

<div style="float: right">
   <div style="float: left>
      <div style="float: right">
         selected text
      </div>
   </div>
</div>

、それはもちろんかなり面倒で醜いです。

これを処理するためのきれいな方法はありますか？(そして、MCE のようなサードパーティのエディタは使いたくありません)

ありがとう

4

0 に答える 0