首页 > 开发 > 综合 > 正文

myFocus 一个KindEditor的焦点图插件

2024-07-21 02:53:53
字体:
来源:转载
供稿:网友
使用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".......] 
........ 
}); 

插件截图

  myFocus 一个KindEditor的焦点图插件

  myFocus 一个KindEditor的焦点图插件

  

  myFocus 一个KindEditor的焦点图插件

   myFocus 一个KindEditor的焦点图插件

   myFocus 一个KindEditor的焦点图插件



注:相关教程知识阅读请移步到编辑器频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表