在 WordPress 中将文本添加到 TinyMCE 可视化窗格

Question

我已经成功地为 WordPress 网站编写了一个 TinyMCE 插件，该插件将脚本标记插入到新 post 或页面的 html 中。但是，由于脚本标记不包含任何文本，因此 "visual" 窗格中不会显示任何内容。

必须有一种方法可以在可视化窗格中显示某些内容，同时在 "text" 窗格中仍然只有一个脚本标记不是吗？

我的代码：

jQuery(document).ready(function($) {

    tinymce.PluginManager.add('myplugin', function(editor, url) {

        editor.addButton('civicsciencejspoll', {
            text: 'CivicScience JSPoll',
            icon: false,
            onclick: function() {
                    var html = "<script src=\"mydomain.com/js/file.js\"></script>";
                    editor.insertContent(html);
                }
            }
        });
    });
});

Answer 1

我最终使用了 WordPress 的 ShortCode API 来达到我想要的效果：

https://codex.wordpress.org/Shortcode_API

在 WordPress 中将文本添加到 TinyMCE 可视化窗格

Add Text To TinyMCE Visual Pane In WordPress

javascript

wordpress

tinymce

tinymce-4