代码改变世界

一个KindEditor的插件[myFocus]

2011-04-26 20:39  毛狮子  阅读(1139)  评论(6编辑  收藏  举报

    KindEditor


声名:此作品用于学习交流

 简介:使用KindEditor(富文本编辑器)提供的接口将myFocus(焦点图库)集成在KindEditor上

功能:在内容中显示焦点图

使用

  • 下载此插件 并将其解压后的my_focus文件夹安放在KindEditor插件目录下(KindEditor所在目录/plugins/)如:H:\webprobject\yzj\kindeditor\plugins\my_focus\
  • 在你使用kindEditor编辑器的页面中加载 插件my_focus目录下的ke-plugins-myfocus.js文件如:<script language="javascript" type="text/javascript" src="kindeditor/plugins/my_focus/ke-plugins-myfocus.js"></script>
  • //调用基本设置 
    			//设置myFocusPath库文件地址,必须的
    			KE.myFocusPath	=	"/yzj/myFocus/myfocus-1.2.0.full.js"
    			KE.show({
    				.......
    				//指定可以使用KindEditor提供的FileManager插件
    				allowFileManager : true,
    				/*
    				 * 这里设置编辑器中要引入的CSS文件。
    				 * 也可以将plugins/my_focus/editor.css这个文件里的内容复制到skins/common/editor.css下面,并将plugins/my_focus/myfocus.png 复制到skins/common/文件夹下面
    				 * 这样这个属性就可不必设置
    				 */
    				cssPath : [KE.scriptPath+"skins/common/editor.css",KE.scriptPath+"plugins/my_focus/editor.css"],
    				//在编辑器中使用myfocus插件
    				items : ["myfocus".......]
    				........
    			});
    

 将插件整合到KindEditor默认中。只需要加载KindEditor的主要文件

  • 将.../my_focus/ke-plugins-myfocus.js文件里的代码复制到。Kindeditor.js(组件的主文件) 下,复制到源码的最后面就行了。

  插件截图