TinyMCE：現在のセレクタでノードを選択するにはどうすればいいですか？ここ

Question

は、私はTinyMCEをを初期化する方法である：

tinymce.init({ 
    selector: '.editable', 
    inline: true, 
    contextmenu: false, 
    setup: function (editor) { 
     editor.on('blur', function (e) { 
     var content = editor.getContent(); 
     if (!content) 
      selector.text('Enter text here...'); 
     }); 
    } 
}); 

私は基本的にしたいどのようなユーザーは、現在の.editable要素内のすべてのものを削除している場合には、いくつかのプレースホルダを使用することです。 selectorが定義されていないため、上記のコードは機能しません。現在のノードを別の方法で選択するにはどうすればよいですか？

Answer 1

あなたはちょうどこれを行うことができたときに、その「空」エディタインスタンスにコンテンツを配置する場合：

tinymce.init({ 
    selector: '.editable', 
    inline: true, 
    contextmenu: false, 
    setup: function (editor) { 
    editor.on('blur', function (e) { 
     var content = editor.getContent(); 
     if (!content) 
     editor.setContent('<p>Enter text here...'</p>); 
    }); 
    } 
}); 

あなたはその後、ときにフォーカスが戻る逆に何かをする必要があります。

あなたが望むように見える何をサードパーティのプラグインがあります：

https://github.com/mohan/tinymce-placeholder

私はコードがどのように良いを保証することはできませんが、おそらく、そのプラグインがその全体であなたのために、この問題を解決します。