Tinymce预览插件按钮

时间:2012-10-22 09:55:07

标签: jquery tinymce

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

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

提前致谢!...

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:0)

不一定是你准确拍摄的;但这个问题&回答让我了解了在工具栏上实现预览按钮的策略,如下所示:

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

再一次 - 不是像你一直在寻找的外部按钮,但希望其他人会发现这个解决方案有助于解决这个问题。