CKEditorを使用してHTMLコンテンツを取得する方法

方法1: JavaScriptを使用してコンテンツを取得する方法

CKEditorのインスタンスを取得し、getData()メソッドを使用してHTMLコンテンツを取得できます。

// CKEditorのインスタンスを取得
var editor = CKEDITOR.instances.editor1;
// コンテンツを取得
var content = editor.getData();
// 取得したコンテンツを表示
console.log(content);

方法2: jQueryを使用してコンテンツを取得する方法

jQueryを使用する場合は、以下のようにしてCKEditorのコンテンツを取得できます。

// CKEditorのコンテンツを取得
var content = CKEDITOR.instances.editor1.getData();
// 取得したコンテンツを表示
console.log(content);

方法3: イベントリスナーを使用してコンテンツを取得する方法

CKEditorのchangeイベントを使用して、コンテンツが変更されるたびにコンテンツを取得することもできます。

// CKEditorのインスタンスを取得
var editor = CKEDITOR.instances.editor1;
// コンテンツ変更時のイベントリスナーを設定
editor.on('change', function() {
  // コンテンツを取得
  var content = editor.getData();
  // 取得したコンテンツを表示
  console.log(content);
});

これらの方法を使用することで、CKEditorで作成したHTMLコンテンツを取得することができます。適切な方法を選択し、必要に応じてコードをカスタマイズしてください。