ユーザーがコンテンツを編集したときにのみTinyMCEコントロールを表示

Question

私はtextareaコントロールを持っています。私はコンテンツ編集機能をこのtextareaに追加するためにTinyMCEライブラリを使用しています。

最初にページが読み込まれると、テキストエリアには追加の書式設定コントロールがありません。しかし、ユーザーがテキストエリアをクリックすると、tinyMCEコントロールをテキストエリアに追加する必要があります。

私はこのjQueryのコード使用して実現することができました：

$("textarea").focus(function(){ 
    $(this).tinymce(); 
}); 

をしかし、私は、ユーザーがテキストボックスの外に移動したときにコントロールを非表示にするときに問題が開始されます。私はblurイベントハンドラをこのテキストエリアに関連付ける方法を考え出すことができませんでした。なぜならtinyMCEは私のtextareaをiframeとフォーマットされた内容で置き換えるからです。

tinyMCEコントロールを表示するには、ユーザーがコンテンツを編集してユーザーが編集エリアを離れるときに非表示にする場合のみ表示しますか？

Answer 1

初めて$(this).tinymce();に電話をかけてください（初めてテキストエリアにフォーカスが当たったとき）。 それがフォーカスを取得した二回目はあなたが

tinyMCE.get(editorid).hide(); 

あなたはこれを呼び出すことができます呼び出す必要があり

tinyMCE.get(editorid).show(); 

To hide the tinymceを呼び出し、テキストエリアを表示する必要がある場合、すなわち、親ドキュメントがフォーカスを取得したとき。

$(document).focus(function(){ 
    tinyMCE.get(editorid).hide(); 
});