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)開(kāi)發(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)文章
這篇文章主要介紹了ueditor編輯器不能上傳圖片問(wèn)題的解決方法,需要的朋友可以參考下2015-05-05
基于開(kāi)發(fā)中使用UEditor編輯器的注意事項(xiàng)詳解
下面小編就為大家分享一篇基于開(kāi)發(fā)中使用UEditor編輯器的注意事項(xiàng)詳解。具有很好的參考價(jià)值。一起跟隨小編過(guò)來(lái)看看吧，希望對(duì)大家有所幫助2017-11-11
FCKeditorAPI 手冊(cè) js操作控制，獲取等函數(shù)代碼，使用網(wǎng)頁(yè)編輯器的朋友可以參考下。2011-01-01
ckeditor插件開(kāi)發(fā)簡(jiǎn)單實(shí)例
我需要在編輯文本的時(shí)候，選擇一段文字，點(diǎn)擊自定義的按鈕，就能夠在這段文字后面增加一個(gè)圖標(biāo)，圖標(biāo)超鏈接去一個(gè)地址，以選中的文字作為參數(shù)2013-07-07
我使用的fckeditor版本是fckeditor2.6.4. fckeditor默認(rèn)上傳文件不沒(méi)有重命名的，這樣的話(huà)就很麻煩，有時(shí)上傳中文的文件或者名稱(chēng)重復(fù)的文件就很惱火。2009-04-04
FckEditor 上傳圖片后圖片變小了！問(wèn)題解決
我用fckeditor 上傳圖片時(shí)，只要圖片一大，上傳到服務(wù)器后就變小了，而且圖片顏色也失真了。2009-07-07
今天筆者就給大家推薦一款百度UEditor編輯器。關(guān)于這款百度UEditor編輯器官網(wǎng)上也有簡(jiǎn)單的教程，不過(guò)看著比較費(fèi)勁，今天筆者就跟大家分享一下百度UEditor編輯器使用教程與使用方法，希望對(duì)大家有所幫助2016-11-11
kindSoft在線(xiàn)網(wǎng)頁(yè)編輯器簡(jiǎn)單的配置參數(shù)介紹
對(duì)于網(wǎng)頁(yè)編輯器對(duì)做項(xiàng)目的時(shí)候是非常的又用的一個(gè)編輯器，大大的減輕了開(kāi)發(fā)人員的負(fù)擔(dān)，感覺(jué)KindSoft是一個(gè)不錯(cuò)的選擇，因此也在不斷的使用接下來(lái)介紹參數(shù)配置，需要的朋友可以了解下2013-01-01
javascript 在線(xiàn)文本編輯器實(shí)現(xiàn)代碼
javascript 在線(xiàn)文本編輯器實(shí)現(xiàn)代碼，非常值得學(xué)習(xí)。2010-03-03
新浪博客在線(xiàn)編輯器傻瓜調(diào)用版（2007.11.1第四次修正）提供下載了
新浪博客在線(xiàn)編輯器傻瓜調(diào)用版（2007.11.1第四次修正）提供下載了...2007-11-11