myFocus 一個(gè)KindEditor的焦點(diǎn)圖插件
更新時(shí)間：2011年04月27日 00:02:16 作者：
使用KindEditor(富文本編輯器)提供的接口將myFocus（焦點(diǎn)圖庫(kù)）集成在KindEditor上
下載此插件 并將其解壓后的my_focus文件夾安放在KindEditor插件目錄下（KindEditor所在目錄/plugins/）如：H:\webprobject\yzj\kindeditor\plugins\my_focus\
在你使用kindEditor編輯器的頁(yè)面中加載 插件my_focus目錄下的ke-plugins-myfocus.js文件如：<script language="javascript" type="text/javascript" src="kindeditor/plugins/my_focus/ke-plugins-myfocus.js"></script>
//調(diào)用基本設(shè)置
//設(shè)置myFocusPath庫(kù)文件地址，必須的
KE.myFocusPath = "/yzj/myFocus/myfocus-1.2.0.full.js"
KE.show({
.......
//指定可以使用KindEditor提供的FileManager插件
allowFileManager : true,
/*
* 這里設(shè)置編輯器中要引入的CSS文件。
* 也可以將plugins/my_focus/editor.css這個(gè)文件里的內(nèi)容復(fù)制到skins/common/editor.css下面,并將plugins/my_focus/myfocus.png 復(fù)制到skins/common/文件夾下面
* 這樣這個(gè)屬性就可不必設(shè)置
*/
cssPath : [KE.scriptPath+"skins/common/editor.css",KE.scriptPath+"plugins/my_focus/editor.css"],
//在編輯器中使用myfocus插件
items : ["myfocus".......]
........
});
插件截圖
在你使用kindEditor編輯器的頁(yè)面中加載 插件my_focus目錄下的ke-plugins-myfocus.js文件如：<script language="javascript" type="text/javascript" src="kindeditor/plugins/my_focus/ke-plugins-myfocus.js"></script>
復(fù)制代碼 代碼如下:
//調(diào)用基本設(shè)置
//設(shè)置myFocusPath庫(kù)文件地址，必須的
KE.myFocusPath = "/yzj/myFocus/myfocus-1.2.0.full.js"
KE.show({
.......
//指定可以使用KindEditor提供的FileManager插件
allowFileManager : true,
/*
* 這里設(shè)置編輯器中要引入的CSS文件。
* 也可以將plugins/my_focus/editor.css這個(gè)文件里的內(nèi)容復(fù)制到skins/common/editor.css下面,并將plugins/my_focus/myfocus.png 復(fù)制到skins/common/文件夾下面
* 這樣這個(gè)屬性就可不必設(shè)置
*/
cssPath : [KE.scriptPath+"skins/common/editor.css",KE.scriptPath+"plugins/my_focus/editor.css"],
//在編輯器中使用myfocus插件
items : ["myfocus".......]
........
});
插件截圖
您可能感興趣的文章:
- JS基于myFocus庫(kù)實(shí)現(xiàn)各種功能的tab選項(xiàng)卡切換效果
- myFocus slide3D v1.1.0 使用方法與下載
- js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果實(shí)例
- js實(shí)現(xiàn)點(diǎn)擊左右按鈕輪播圖片效果實(shí)例
- zepto中使用swipe.js制作輪播圖附swipeUp,swipeDown不起效果問(wèn)題
- 原生js實(shí)現(xiàn)移動(dòng)開發(fā)輪播圖、相冊(cè)滑動(dòng)特效
- JS實(shí)現(xiàn)左右無(wú)縫輪播圖代碼
- 簡(jiǎn)單的JS輪播圖代碼
- js 基礎(chǔ)篇必看(點(diǎn)擊事件輪播圖的簡(jiǎn)單實(shí)現(xiàn))
- js基于myFocus實(shí)現(xiàn)輪播圖效果
相關(guān)文章
Html 編輯器粘貼內(nèi)容過(guò)濾技術(shù)詳解
最近在解決數(shù)據(jù)粘貼方面取得了不少進(jìn)展，作為Html在線編輯器所必須具備的技術(shù)，在這里詳細(xì)給大家介紹并提供實(shí)現(xiàn)參考。2010-05-05
頁(yè)面嵌入Windows Media Player播放器代碼需要注意的
在頁(yè)面中插入WMP確實(shí)是個(gè)令人頭疼的一件事。這里簡(jiǎn)單的說(shuō)明下，希望對(duì)需要朋友有所幫助。2010-07-07
常用網(wǎng)頁(yè)編輯器漏洞手冊(cè)（全面版）fckeditor,ewebeditor
常用網(wǎng)頁(yè)編輯器漏洞手冊(cè)（全面版）fckeditor,ewebeditor,使用這類編輯器的朋友一定要注意下。2011-04-04
ASp.net下fckeditor配置圖片上傳最簡(jiǎn)單的方法
fckeditor 的基本配置我就不講了，講講圖片上傳這塊吧；2010-01-01
Fckeditor編輯器內(nèi)容長(zhǎng)度限制統(tǒng)計(jì)實(shí)現(xiàn)方法
Fckeditor是一種大家常用的編輯器，但是他不能像網(wǎng)頁(yè)表單那樣利用document.getelementbyid能獲取得到值了，它必須通過(guò) FCKeditorAPI來(lái)操作，下面看看Fckeditor內(nèi)容長(zhǎng)度測(cè)試2012-03-03
FCKeditorAPI是FCKeditor加載后注冊(cè)的一個(gè)全局對(duì)象，利用它我們就可以完成對(duì)編輯器的各種操作。2010-07-07
FCKEditor網(wǎng)頁(yè)編輯器 幾點(diǎn)使用心得
FCKEditor網(wǎng)頁(yè)編輯器 幾點(diǎn)使用心得，需要的朋友可以參考下。2009-10-10
FCKEditor 表單提交時(shí)運(yùn)行的代碼
我們?cè)谑褂胒ckeditor進(jìn)行提交的時(shí)候，會(huì)運(yùn)行的代碼，方便我們?cè)黾庸δ艿取?/div> 2009-06-06
今天在使用chrome打開后臺(tái)的時(shí)候，發(fā)現(xiàn)FCKeditor編輯器菜單等都不顯示，chrome確實(shí)不適合后臺(tái)使用，以后還是繼續(xù)ie核心的吧2014-01-01
FCKEDITOR在線編輯器在asp.net下的使用方法，需要的朋友可以參考下。2009-12-12最新評(píng)論