如何从我的TinyMCE插件中获取值?

joo*_*oon 8 tinymce

我正在TinyMCE工具栏上制作一个额外的按钮(它适用于Wordpress,但我认为不重要).

按下按钮并显示一个表单,我只是完全失去了配置它,以便在表单上输入的值实际上传输到tinyMce插件的其余部分.

我找到的唯一相关文档是这个页面,它们显示了您实现自定义浏览器.但对于第一个计时器(或者至少对我而言)来说,这是相当神秘的.

这就是我所拥有的:

按下按钮时执行此操作:

ed.windowManager.open({
    file : url + '/dialog.html',
    width : 400,
    height : 120,
    inline : 1
}, {
    plugin_url : url, // Plugin absolute URL
    some_custom_arg : 'custom arg' // Custom argument
});
Run Code Online (Sandbox Code Playgroud)

这是dialog.html文件的内容

<html>
<head>
<title>Hello world!</title>
</head>
<body>
<form name="Hello world" method="post">
        <input size="30" name="textbox1"  type="text" id="textbox1" />
        <input type="submit" value="" name="submitbutton" />
    </form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

显然这没有任何作用(甚至没有关闭对话框),但我真的不知道从哪里开始寻找它做某事.

Bre*_*son 3

我在 MoxieCode 论坛上回答了这个问题,但在这里为其他人添加了我的回答。

TinyMCE 中包含的示例插件应该有所帮助,并在创建插件的教程使用

查看该插件,在js目录中,您将找到一个 JavaScript 库dialog.js,其中包含在示例对话框中单击“提交”时调用的方法。它本质上只是通过execCommand使用mceInsertContent将值插入编辑器。

因此,在您的示例中,您需要做的第一件事是更改表单以在提交时调用 JavaScript 方法。然后您需要创建该方法来执行您想要插入 TinyMCE 中的任何操作。