WordPress经典编辑器Tinymce高级功能扩展-蚂蚁资源

WordPress经典编辑器Tinymce高级功能扩展

前面写了WordPress经典编辑器Tinymce基础功能扩展一文,WordPress经典编辑器Tinymce高级功能扩展有多高级呢?WordPress经典编辑器Tinymce基础功能扩展几乎没有交互,高级扩展中是需要交互的,主要涉及到数据传递,其在开发插件时极其重要。

Tinymce高级功能扩展

WordPress声明编辑器扩展方式是一样的,所以这里我就不多说了,不清楚看上一篇文章。

js弹窗扩展

js文件名和PHP声明时一致就行了,代码我从国内复制粘贴最多的一篇文章中拿来的,只做演示。

(function($) {
tinymce.create('tinymce.plugins.specs_code_plugin', {
init: function(editor, url) {
editor.addButton('specs_code_plugin', {
title: "Insert Code", // 鼠标放在按钮上时的提示文字
image: url + '/code.png', // 按钮图标
cmd: 'tdsk_command' // 点击时执行的方法
});
editor.addCommand('tdsk_command', function() {
editor.windowManager.open(
{
title: "Insert Code", // 对话框的标题
file: url + '/mce_code_plugin.htm', // 放置对话框内容的HTML文件
width: 500, // 对话框宽度
height: 400, // 对话框高度
inline: 1 // Whether to use modal dialog instead of separate browser window.
}
);
});
}
});
tinymce.PluginManager.add('specs_code_plugin', tinymce.plugins.specs_code_plugin);

})(jQuery);

弹窗内容

弹窗内容是上面的js加载的一个html文件,这个文件中写你的窗口显示的内容就行了,这些都很简单,这里我就不贴代码了,有点多,我只讲一点国内没人说的内容,国外也很少,我找了好久才找到的。

插入内容到编辑器

window.parent.tinyMCE.activeEditor.execCommand('mceInsertContent', 0, code); //获取内容并插入到编辑器

关闭弹窗

window.parent.tinyMCE.activeEditor.windowManager.close(); //关闭对话框

发送数据到弹窗

在Tinymce编辑器扩展js中使用windowManager.open函数打开窗口时,配置第二个参数即可。

editor.windowManager.open(
{
title: "Insert Code", // 对话框的标题
file: url + '/mce_code_plugin.htm', // 放置对话框内容的HTML文件
width: 500, // 对话框宽度
height: 400, // 对话框高度
inline: 1 // Whether to use modal dialog instead of separate browser window.
},
{
test:'测试数据',
}
);

弹窗接收数据

然后在弹窗内容HTML中的js里接收数据即可。

var args = top.tinymce.activeEditor.windowManager.getParams();
var test = args.test;

发送接收数据的方式与安卓开发中页面间通过intent传递及其相似,国内的教程都不写这个,国外也很少,奇怪了大家都会吗?还是我太蠢了……

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"www.antziyuan.com",如遇到无法解压的请联系管理员!

蚂蚁资源 » WordPress经典编辑器Tinymce高级功能扩展

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
该资源仅供学习和研究传播,大家请在下载后24小时内删除,一切关于该资源商业行为与我们无关。 请勿将该软件进行商业交易、转载等行为,该软件只为研究、学习所提供,该软件使用后发生的一切问题与本站无关。
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
找不到素材资源介绍文章里的示例图片?
对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
蚂蚁资源
大家都喜欢的资源网站!
  • 47会员总数(位)
  • 793资源总数(个)
  • 3本周发布(个)
  • 0 今日发布(个)
  • 174稳定运行(天)

提供最优质的资源集合

立即查看 了解详情
升级SVIP尊享更多特权立即升级