jquery - Tinymce 预览插件按钮

Question

我在我的 django 应用程序中使用 jquery tinymce。tinymce 中有一个名为“preview”的默认插件，它工作正常。

我想要 1 个名为“预览”的按钮靠近提交（在页面末尾），我希望这个新的预览按钮应该与插件“预览”执行相同的操作。任何人都可以帮助我如何在新按钮中提供与插件预览中相同的链接？

提前致谢！...

Answer 1

创建您的按钮并将其提供给 onClick 事件：

tinymce.get('your_editors_id').execCommand('mcePreview');

Answer 2

不一定是您要拍摄的确切内容；但是这个问题和答案让我找到了在工具栏上实现预览按钮的策略，如下所示：

tinymce.init({
    selector: "textarea.editor",
    plugins: 
    [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    allow_script_urls: true,
    toolbar1: "insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | styleselect ",
    toolbar2: "PreviewButton",
    setup: function(editor)
    {
        editor.addButton('PreviewButton',
        {
            text: "Preview",
            onclick: function()
            {
                editor.execCommand('mcePreview');
                return;
            }
        })
    }
}

再一次 - 不是您正在寻找的外部按钮，但希望其他人在解决这个问题时会发现这个解决方案很有帮助。