我正在为 Wordpress 制作一个自定义 TinyMCE 按钮,部分 Javascript 代码如下所示:
(function() {
tinymce.create('tinymce.plugins.Green', {
init : function(ed, url) {
ed.addButton('green', {
title : 'Prompt Text',
image : url+'/images/btn_green.jpg',
onclick : function() {
var prompt_text = prompt("Green Button", "Green Button Text");
var caret = "caret_pos_holder";
var insert = "<div>" + prompt_text + "</div><span id="+caret+"></span>";
if (prompt_text != null && prompt_text != 'undefined')
{
ed.execCommand('mceInsertContent', false, insert);
ed.selection.select(ed.dom.select('span#caret_pos_holder')[0]); //select the span
ed.dom.remove(ed.dom.select('span#caret_pos_holder')[0]); //remove the span
}
}
});
},
createControl : function(n, cm) {
return null;
},
});
tinymce.PluginManager.add('green', tinymce.plugins.Green);
})();
我想删除 prompt_text 函数并添加一个单选按钮列表,其中出现一个窗口,用户可以选择列表中的一个选项。并且每个列表项都应该有其独特的insert
. 这怎么可能?
例如,窗口应该有一个包含三个选项的列表:Tea、Coffee、Water。
如果用户选择 Coffee,它应该插入文本:Coffee wakes you up
。
我对 Javascript 的了解非常有限,这阻止了我解决这个问题。但是,我认为这只能通过创建 jQuery 表单来实现?