質問: いつもお世話になっております。 現在開発しているウェブサービスにて、TinyMCE(ver.4.6.3)を 利用してコンテンツを編集する機能を実装しているのですが、 ビジュアルエディタからソースコードで直接編集する際は 「code」というプラグインを利用して、ボタンを押すことで ソースコードの編集画面がポップアップする形で表示させて、 編集後にOKボタンを押して、ビジュアルエディタに戻っています。 こちらでも特に問題はないのですが、同じくTinyMCEを利用している WordPressを使ってみたところ、ビジュアルエディタの右上に 「ビジュアル」「テキスト」の2つのタブがあり、 こちらでソースコードを直接編集できるテキストエディタに シームレスに切り替えできるようになっております。 こちらの切り替え方式の実現方法について、TinyMCEのドキュメントも 確認したのですが、それらしい記述が見つけられませんでした。 ネットで関連するワードで検索しても、WordPressが前提の内容のもの ばかりで、TinyMCE単体でカスタマイズなどで設定するものは 見つけられませんでした。 前述の切り替え機能は、TinyMCEが用意しているオプションのみで 実現できるのか、WordPressでは独自にカスタマイズして実現して いるのか、どちらなのかも不明な状況ではございますが、 TinyMCEのみでWordPressのようにビジュアルエディタとテキスト エディタをシームレスに切り替える方法について、 何か実装方法のヒントになるようなことがございましたら、 ご教授いただけると幸いでございます。 それでは、よろしくお願いいたします。
回答: WordPressのソースコードを細かく調べてみたところ、 どうやらTinyMCEで用意されている機能ではなく、 独自に切り替え機能をJavaScriptで実装していると 見受けられました。 こちらのソースを解読してみようかと思いましたが、 別の「CKEditor」というエディタをチェックしたところ、 そちらはデフォルトでソースコードの切り替えが ポップアップ画面経由ではなく、シームレスに行えたので、 そちらのエディタに切り替える予定です。 TinyMCEでの解決方法ではなくて恐縮ですが、 今回の質問は閉じさせていただきます。