如何在kindeditor添加自定义插件

如何在KindEditor编辑器中添加自定义插件。 

首先看一下效果图:




上图中螃蟹做了一个IT学习者的自定义插件,就是那个小螃蟹。

当鼠标滑过时,会出现IT学习者的文字提示,点击时,会在编辑器中插入方括号中间的内容。 

下面就讲解下是如何实现的(官方已经给出示范)。



1.在plugins文件夹下添加/itxxz/itxxz.js文件

js代码如下:



  1. KindEditor.plugin('itxxz'function(K) {  
  2.    var editor = this, name = 'itxxz';  
  3.    // 点击图标时执行  
  4.    editor.clickToolbar(name, function() {  
  5. editor.insertHtml('[IT学习者官网:http://www.itxxz.com] ');  
  6.    });  
  7. });  



2.定义文字提示,在页面的

你可能感兴趣的:(Java,web,kindeditor)