Tinymce编辑器插件篇
围观: 795 讨论: 4

  Tinymce编辑器插件篇[复制链接]

很多人不知道怎么创建Tinymce编辑插件,
今天我就来讲讲一个例子,
当然我在编辑里也添加两个例子,
你们可以仿照写,
下载插入和评论显示{这个你要模板自带支持},
路径admin/tinymce/{前提你没改过路径},
只要懂点js一般人都会,
好了不废话了,

示例插件

如何添加一个简单的工具栏按钮和菜单项,
该按钮打开一个对话框,
让您输入插入到编辑器中的标题,
该菜单项将在对话框中打开站点,

创建插件文件夹

在admin/tinymce/tinymce/plugins文件夹中,
创建example{名称自己定义}文件夹,

创建plugin.js

在刚才创建的example文件夹中,
创建plugin.js,
如果你把文件压缩了,
名称改过plugin.min.js,
两个文件一起存在也行,
方便以后修改,

代码

 
  1. tinymce.PluginManager.add('example', function(editor, url) {  
  2.   // 添加一个打开窗口的按钮  
  3.   editor.addButton('example', {  
  4.     text: 'My button',  
  5.     icon: false,  
  6.     onclick: function() {  
  7.       // 打开窗口  
  8.       editor.windowManager.open({  
  9.         title: 'Example plugin',  
  10.         body: [  
  11.           {type: 'textbox', name: 'title', label: 'Title'}  
  12.         ],  
  13.         onsubmit: function(e) {  
  14.           // 在提交表单时插入内容  
  15.           editor.insertContent('Title: ' + e.data.title);  
  16.         }  
  17.       });  
  18.     }  
  19.   });  
  20.   
  21.   // 将菜单项添加到工具菜单  
  22.   editor.addMenuItem('example', {  
  23.     text: 'Example plugin',  
  24.     context: 'tools',  
  25.     onclick: function() {  
  26.       // 打开特定网址的窗口  
  27.       editor.windowManager.open({  
  28.         title: 'TinyMCE site',  
  29.         url: 'https://crazyus.us',  
  30.         width: 800,  
  31.         height: 600,  
  32.         buttons: [{  
  33.           text: 'Close',  
  34.           onclick: 'close'  
  35.         }]  
  36.       });  
  37.     }  
  38.   });  
  39.   
  40.   return {  
  41.     getMetadata: function () {  
  42.       return  {  
  43.         name: "Example plugin",  
  44.         url: "https://crazyus.us"  
  45.       };  
  46.     }  
  47.   };  
  48. });  

最后

修改tinymce/tinymce.config.js,
找到tinymce.init,添加
代码如下{记得在后头添加需要空格},

  1. tinymce.init({  
  2.   .......  
  3.   plugins: 'example',  
  4.   toolbar: 'example'  
  5. ...........  
  6. });  

可以看效果了

大家多想想吧,
让这个Tinymce更强大些,
对了编辑器的挂载点多了个,

  1. <?php doAction('adm_writelog_bottom'); ?>  

别把所有的插件都放开头,
影响美观,
今天就到这里,
后期再补充.

本文标签:

本文链接: https://crazyus.us/create-plugin.html

站长声明: 请尊重版权,转载注明出处,谢谢配合!
[查询收录]

既然来了/ 就点击这里 / 留个言吧

发表评论

取消 回复时邮件通知我
搞了一下,编辑器上没有显示,不知道怎么回事,最后说的挂载点应该挂载到哪里啊?我刚接触emlog,学习学习
今天在这里签到啦,又学了一些建站知识!时间:20:32:35
今天在这里签到啦,又学了一些建站知识!时间:12:15:33
一楼是我的 今天在这里签到啦,又学了一些建站知识!时间:上午11:06:14

Sitemap

网站已存活运行:583 天, 执行: 0.71毫秒

Powered By Emlog

© 2017~2019 疯狂老司机™ 本模板还在开发阶段