JavaScriptでTinyMCEの値を取得する方法


  1. TinyMCEのインスタンスから値を取得する方法:
var editor = tinymce.activeEditor;
var content = editor.getContent();
console.log(content);

上記のコードでは、tinymce.activeEditorを使用してアクティブなTinyMCEエディタのインスタンスを取得し、getContent()メソッドを使用してその値を取得しています。

  1. TinyMCEのテキストエリアから値を取得する方法:
var textarea = document.getElementById('myTextarea'); // TinyMCEのテキストエリアのIDを指定
var content = textarea.value;
console.log(content);

上記のコードでは、テキストエリアのIDを指定して、valueプロパティを使用してその値を取得しています。TinyMCEはテキストエリアを置き換えるため、テキストエリアの値を直接取得することもできます。

  1. TinyMCEのイベントハンドラを使用して値を取得する方法:
tinymce.init({
  // TinyMCEの初期化オプション
  selector: '#myTextarea', // TinyMCEのテキストエリアのセレクタを指定
  setup: function (editor) {
    editor.on('change', function () {
      var content = editor.getContent();
      console.log(content);
    });
  }
});

上記のコードでは、TinyMCEのchangeイベントを監視して、変更があるたびに値を取得しています。

これらの方法を使用して、TinyMCEの値を取得し、それをブログ投稿などの目的に使用することができます。ご希望の方法を選択し、必要に応じてカスタマイズしてください。