どのようにHTMLとしてTinyMCEテキストの内容を抽出するには？

Question

私はTinyMCEを使用しています。コンテンツをHTMLタグとして抽出して、良い結果が得られなかったものを多く試してみました。どうすればいいですか？

また、JavaScript CDNなどのIDにアクセスする方法を教えてもらえますか？

Answer 1

標準フォーム提出を実行すると、TinyMCEはデフォルトの<textarea>のみを更新します。

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#get

文字列として<textarea>のIDを渡す：あなたは、任意の時点でエディタから現在のデータを取得したい場合は

あなたはTinyMCEを内get() API呼び出しを使用する必要がありますこのメソッドの呼び出しに：

tinymce.get('mytextbox') 

また、現在アクティブなエディタ上のハンドルを取得するactiveEditorメソッドを使用することができます。

tinymce.activeEditor 

...ユーザーがエディタとやり取りしていない場合、またはページに複数のページがあり、ユーザーが使用するエディタインスタンス以外の特定のエディタインスタンスをターゲットにする必要がある場合現在相互作用している。

あなたは根本的<textarea>を更新するためのTinyMCEを強制したい場合は、triggerSaveメソッドを呼び出すことができます。これは、すべてのTinyMCEのインスタンスを使用すると、基礎となると対話することができ、その時点でその基礎となる<textarea>を更新ようになります

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#triggersave

を<textarea>それはエディタからの最新のデータを含んでいると確信しています。

Answer 2

のTinyMCEのあなたのインスタンスは、どこかでそれに関連付けられたテキスト領域を持っている必要があります。例えば、こちらのページにあります1：

https://www.tinymce.com/

はmce_0のidのテキストエリアがあります。

ページを右クリックして調べると、HTML構造が表示され、TinyMCE divの下に表示されます。

$('#mce_0').val() 

を、純粋なJavaScriptを使用して：あなたは、彼らはjQueryを使って:)

だから、どのように機能するかを確認するために、物事の検査を開始することをお勧めします

document.getElementById('mce_0').value 

テキストエリアを取得するだけの問題： ）