TinyMCE 4自定義瀏覽器彈出窗口MVC

Question

是否可以添加自定義按鈕，以將新的瀏覽器窗口打開到特定的URL？

當前有一個“預覽”按鈕，它會打開一個窗口，但顯示所見即所得編輯器中使用的內容，但是我需要用戶查看所見即所得的內容，因為該內容實際上是使用相應的View渲染的。

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的新瀏覽器窗口，當前它僅能插入內容。

任何幫助將非常感激 ：-）

Answer 1

通過使用window.open(url,'_blank'); 在javascript中，您可以執行此操作，請參見以下簡單示例：

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

這是jsfiddle上的工作示例

您只需要替換onclick中的當前代碼為

window.open（“ http://stackoverflow.com ”，'_ blank'）;

Answer 2

您需要使用

window.open(url,'_blank');