TinyMCE 4 自定义浏览器弹出 Window MVC

Question

是否可以添加一个自定义按钮来打开一个新的浏览器 window 到特定的 URL？

目前有一个预览按钮，它会打开一个 window 但会显示在所见即所得编辑器中使用的内容，但是我需要用户看到所见即所得的内容，因为它实际上是用相应的视图呈现的.

Edit.cshtml

<script type="text/javascript" src="/Scripts/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    theme: "modern",
    height: 300,
    language: 'en_GB',
    browser_spellcheck: true,
    verify_html: false,
    plugins: [
    "advlist autolink lists link image charmap print preview hr anchor pagebreak",
    "searchreplace wordcount visualblocks visualchars code fullscreen",
    "insertdatetime media nonbreaking save table contextmenu directionality",
    "emoticons template paste textcolor colorpicker textpattern moxiemanager imagetools"],
    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons | preview2",
    image_advtab: true,
    file_browser_callback: function (fieldName, url, type)
    {
        var w = window,
            d = document,
            e = d.documentElement,
            g = d.getElementsByTagName('body')[0],
            x = w.innerWidth || e.clientWidth || g.clientWidth,
            y = w.innerHeight || e.clientHeight || g.clientHeight;

        var cmsUrl = '/Scripts/FileManager/Index.html?&field_name=' + fieldName + '&langCode=' + tinymce.settings.language;

        if (type == 'image')
        {
            cmsUrl = cmsUrl + "&type=images";
        }

        tinyMCE.activeEditor.windowManager.open({
            file: cmsUrl,
            title: 'FileManager',
            width: x * 0.8,
            height: y * 0.8,
            resizable: "yes",
            close_previous: "no"
        });
    },
    setup: function (ed) {
        ed.addButton('preview2', {
            title: 'Preview',
            image: './/',
            onclick: function () {
                tinyMCE.execCommand('mceInsertContent', false, 'Hello!!');
            }
        });
    }
});

我添加了自定义按钮，但我需要当前的 'tinyMCE.execCommand' 来启动具有特定 URL 的新浏览器 window，目前它只做插入内容。

任何帮助将不胜感激:-)

Answer 1

通过在 javascript 中使用 window.open(url,'_blank'); 你可以做到这一点，请看这个简单的例子：

$("#mybutton").on("click", function(){
    window.open("http://whosebug.com",'_blank');
});

这是 jsfiddle

上的工作示例

您只需将 onclick 中的当前代码替换为

window.open("http://whosebug.com",'_blank');

Answer 2

您需要使用

window.open(url,'_blank');

TinyMCE 4 自定义浏览器弹出 Window MVC

TinyMCE 4 Custom Browser Popup Window MVC

javascript

asp.net-mvc-4

tinymce-4