jquery - 外部ボタンをクリックしたときにCKeditorにコードを追加する

Question

シナリオは次のとおりです: ユーザーが CKeditor に入力していて、エディターのすぐ外側にボタンがあり、押されたときに jQuery が $(".button").click(function... を開始し、これにより、テキストまたはによって定義されたものは何でも追加されます。ユーザーがCKeditorで入力していたのと同じ場所にボタンを押します。

これが可能であれば、誰かがアイデアを持っていますか?

Answer 1

可能でシンプル。

CKEDITOR.instances.editor1.insertText("Magical ponies await!")
CKEDITOR.instances.editor1.insertHtml("<hr/>");

エディターへの参照を取得するのは簡単です (願っています)。この例は、公式の CKEditor デモなどで機能します。

CKEditor 4 API は非常によく文書化されています。http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-insertHtmlのドキュメントを参照してくださいinsertHtml()。

---

また、追加するコンテンツは、CKEditor の高度なコンテンツ フィルター機能で許可されている必要があります。http://docs.ckeditor.com/#!/guide/dev_advanced_content_filterのドキュメントを参照してください。

ACF を気にせず、すべてを機能させたい場合は、構成値をtruewithに設定することで、すべてのコンテンツを許可するように ACF 構成を設定できますconfig.allowedContent = true;。