Tinymceをダブルクリックして有効にする

Question

私はTinymce4 inline editorを使用しています。そしてそれはちょうど良いですが、私はそれをクリックするか選択するのではなく、ダブルクリックで版を有効にする必要があります。

私はこれに関するドキュメントやオプションを探していましたが、何も見つかりませんでした。

Answer 1

設定オプションはevent_root: "#containerId"です。しかし同時に、イベントを追加して通常のクリックイベントを防ぐjQueryのような他のJSライブラリが必要になります。

Answer 2

私の解決策は、その時点でtinymce.init（）呼び出しを行う編集可能なコンテンツにダブルクリックイベントハンドラをアタッチすることでした。 「auto_focus」設定を使用することもできます。

<div id="editable" ondblclick="init_mce()"> 
My editable HTML is here 
</div> 

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script> 

<script> 
function init_mce() { 
    tinymce.init({ 
    selector: '#editable', 
    auto_focus: 'editable' 
    // Other settings go here 
    }); 
}