2017-07-12 20 views
0

私は奇妙な問題に遭遇しました。TinyMceでカスタムブロックを作成してドラッグ可能にする方法

私はTinyMce wysiwygエディタを使用しています。最近、編集者のテキスト の中にドラッグ可能な ブロック要素を作成することにしました(エディタのUI自体ではなく、編集可能なテキストの内側にあります)。

新しい要素はカスタムクラスのdivですが、2つを除いてすべて正常に動作します。

最初に、「クリック」アクションでこの新しい要素を「選択」できません。このブロックを選択しようとすると、エディタ内のテキストのみが選択されます。 この要素をオブジェクト全体として選択する必要があるので、標準プラグインの画像やメディア要素のようにドラッグ&コピー/ペーストすることができます。

Second - 何かの理由で、私はエディタのテキストの中でdraggable/sortable JQueryプラグインを初期化できません。この機能は非常に役立つでしょうが、TinyMCEのドキュメントでそれを参照することはできません。私はjquery-uiから.draggable()を使ってみましたが、divはドラッグ終了後に消えてしまいます。ここで

は例です:

<div class="cooldiv" data-name="Drag me!"></div> 

支援してください:https://codepen.io/Rutori/pen/eRxEox

div要素は次のようになります。

+0

こんにちは、スタックオーバーフローへようこそ。質問をして質問を更新する方法の詳細については、 の[ask]リンクを参照してください。 –

答えて

-1

基本的にプロパティ«contenteditable = "false"を設定する必要があります»»

関連する問題