WordPressのエディタに値をセットしたい

前提・実現したいこと

WordPressの記事投稿画面でエディタの本文に値を挿入したいのですが、
jsでtextarea側にセットしてもエディタ側に反映されません。
textarea,エディタ両方に反映するにはどうしたらいいでしょうか？

該当のソースコード

javascript
1$('#content').val('hogehoge');

補足

クイックタグのようにエディタへ反映するイメージですが、
クイックタグを使用せずに反映したく思っています。

※追記 2019-10-15 14:51
WordPressのエディタは「クラシックエディタ」
tinyMCEのバージョンは「v4.8.0」です。

行動規範の内容に同意します

回答2件

ベストアンサー

クイックタグの話が出るってことは旧エディタってことでいいんですかね

値はtinyMCEが管理してるんでtinyMCEのAPI使わないと値の変更はできないです

投稿2019/10/15 05:33

KazuhiroHatano

総合スコア7819

teku_tech

2019/10/15 05:57

ご回答ありがとうございます。おっしゃる通りエディタは旧エディタでした。tinyMCEのバージョンはv4.8.0です（追記しました）。教えていただいたtinyMCEのAPIを利用して（バージョン4系） ``` tinymce.activeEditor.setContent('<span>some</span> html'); ``` としてみたのですが、コンソール上にエラーは出ないもののエディタにもtextarea側にも値がセットされていないようです。他に何か足りていない情報がありますでしょうか？

KazuhiroHatano

2019/10/15 06:21

WPのtinyMCEがまだちゃんと立ち上がってないタイミングで処理しちゃってるとかですかね

行動規範の内容に同意します

自己解決しました。

プラグインで「HTML Editor Syntax Highlighter」が使用されており、
そのプラグイン内で使用している「CodeMirror」という別のライブラリに処理が依存していました。

今回のケースでは下記のようにすることで解決いたしました。
回答いただいた方ありがとうございました。

javascript
1let cm = document.querySelector('.CodeMirror') ? document.querySelector('.CodeMirror').CodeMirror : null;
2if (cm) {
3    cm.setValue('hogehoge');
4}