2

我添加了一个插件来在对话框窗口中打开一个 html 页面

// Adds a menu item to the tools menu
editor.addMenuItem('helloworld', {
    text: 'Example plugin',
    context: 'tools',
    onclick: function() {
        // Open window with a specific url
        editor.windowManager.open({
            title: 'TinyMCE sitfe',
            url: 'test.htm',
            width: 400,
            height: 300,
            buttons: [{
                text: 'Close',
                onclick: 'close'
            }]
        });
    }
});

test.htm 看起来像这样：

<html>

<head>
</head>

<body>
    <input value="testing"></input>
</body>

</html>

我想添加一个在对话框关闭时将“测试”插入编辑器窗口的功能。与这个问题非常相似： 如何从 TinyMCE 插件中获取值？ 但是我无法打开他提供的链接。谢谢-

4

2 回答 2

1

好的，这篇文章让我到了那里：

从 TinyMCE 的对话框中获取输入字段值

我将我的 test.htm 修改为此并且它有效

<html>

<head>
<script type="text/javascript" src="../compat3x/tiny_mce_popup.js"></script>


</head>

<body>
    <input id="image-url" value="testing"></input>
    <input id="submit-image-url" type="submit" value="Submit">
</body>
 <script>
    document.getElementById("submit-image-url").onclick = function(){
        var imageUrl = document.getElementById( 'image-url' ).value;

        window.parent.tinyMCE.activeEditor.execCommand( 'mceInsertContent', 0, imageUrl );
       tinyMCEPopup.close();
    };
</script>
</html>
于 2013-09-06T13:26:12.550 回答
1

这是我用于 tinyMCE 4 的代码：

<script>
  function closeModalAndInsertText() {
    top.tinymce.activeEditor.selection.setContent('test');
    top.tinymce.activeEditor.windowManager.close();
  }
</script>
于 2018-04-03T20:05:58.140 回答