Jquery Tinymce预览插件按钮

Jquery Tinymce预览插件按钮,jquery,tinymce,Jquery,Tinymce,我在django应用程序中使用jquery tinymce。tinymce中有一个名为“preview”的默认插件,可以正常工作 我想要一个名为“预览”的按钮靠近提交(在页面的末尾),我希望这个新的预览按钮应该做与插件“预览”相同的操作。有人能帮我如何在新按钮中提供与插件预览相同的链接吗 提前谢谢 创建按钮并将其交给onClick事件: tinymce.get('your_editors_id').execCommand('mcePreview'); 创建按钮并将其交给onClick事件: t

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

我想要一个名为“预览”的按钮靠近提交(在页面的末尾),我希望这个新的预览按钮应该做与插件“预览”相同的操作。有人能帮我如何在新按钮中提供与插件预览相同的链接吗


提前谢谢

创建按钮并将其交给onClick事件:

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

创建按钮并将其交给onClick事件:

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

不一定是你拍摄的目的;但这个问题和答案让我想到了在工具栏上实现预览按钮的策略,如下所示:

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;
            }
        })
    }
}

再一次-不是你想要的一个外部按钮,但是如果其他人找到这个问题,希望他们会发现这个解决方案很有帮助。

不一定是你拍摄的目的;但这个问题和答案让我想到了在工具栏上实现预览按钮的策略,如下所示:

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;
            }
        })
    }
}
再一次-不是像你所寻找的外部按钮,但希望其他人会发现这个解决方案有帮助,如果他们在这个问题上的土地