0

キャレットが表示されない原因となる、jQueryUIでのcontenteditablediv要素の使用に関する問題はありますか?これが私が何を意味するかを示すためのコードです

<div id='diaHTMLEd' style='display:none'>
  <div id='divRTE'></div>
  <!--iframe src='xrte.html' height='300' width='500'></iframe-->
</div>

function openHTMLEditor( {
    $('#diaHTMLEd').dialog({
        height:200,
        width:450,
        modal:true,
        open:addRTE
    });
}

function addRTE() {
    $('#divRTE').html("<div contenteditable='true'>Testing</div>");
    return;
}

説明-モーダルjqUIダイアログを開いており、その:openイベントで、コンテンツ編集可能なdiv要素をダイアログの内部divに追加しています。テキストは表示されますが、クリックしても編集できなくなります。そのコードを置き換えて、代わりにコンテンツ編集可能なドライブを含むコメントアウトされたiframeを使用すると、すべてが正常に機能します。

ダイアログ内でコンテンツが編集可能になるのを妨げる何かがあるようです。

この質問は詳細に欠けているかもしれませんが、私のアプリケーションの複雑さを考えると、私は実際にはより代表的なコードを提供する立場にありません。どんな助けでも大歓迎です。

4

1 に答える 1

2

このスレッドに遭遇した人へのメモ。多くの作業の後、私は最終的に問題を発見しました。jQuery UIダイアログでcontenteditableを使用すること自体は、問題ではありません。私の場合の問題は、私が使用している優れたjstreeプラグインとのある種の競合に帰着しました。

原則として、複数のプラグインを使用する複雑なアプリケーションでは、iframe内でコンテンツ編集可能なコンテンツをサンドボックス化することをお勧めします

于 2013-03-29T07:59:06.247 に答える