亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 軟件應用 > 正文

KindEditor 4.x 在線編輯器常用方法小結

2024-09-06 19:16:51
字體:
來源:轉載
供稿:網友
jQuery方式創建編輯器
KindEditor.create('#nr'); //綁定指定ID。
HTML部門
<textarea id="nr" style="width:680px;height:280px;visibility:visible"></textarea>
----------------------------------------------------------------------------------
allowFileManager 【是否允許瀏覽服務器已上傳文件】
默認值是:false
------------------------------------------------------
allowImageUpload 【是否允許上傳本地圖片】
默認值是:true
----------------------------------------------
allowFlashUpload 【是否允許上傳Flash】
默認值是:true
----------------------------------------------
allowMediaUpload 【是否允許上傳多媒體文件】
默認值是:true
------------------------------------------------
pasteType 【設置粘貼類型】
0:禁止粘貼, 1:純文本粘貼, 2:HTML粘貼(默認)
---------------------------------------------------
resizeType 【設置可否改變編輯器大小】
0:不能改變 1:只能改變高度 2:寬度和高度都可以改變(默認)
----------------------------------------------------------
themeType 【主題風格】
可設置"default"、"simple",指定simple時需要引入simple.css
-------------------------------------------------------------
designMode 【可視化模式或代碼模式】
數據類型:Boolean
默認值是:true(可視化)
------------------------------------------
afterCreate:function(){} 【編輯器創建后】
afterCreate:function(){
//alert('創建完成');
}
------------------------------------------
fontSizeTable 【制定文字大小】
數據類型:Array
默認值:['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px']
-----------------------------------------------------------------------
colorTable 【指定取色器里的顏色值】
數據類型:Array
[
['#E53333', '#E56600', '#FF9900', '#64451D', '#DFC5A4', '#FFE500'],
['#009900', '#006600', '#99BB00', '#B8D100', '#60D978', '#00D5FF'],
['#337FE5', '#003399', '#4C33E5', '#9933E5', '#CC33E5', '#EE33EE'],
['#FFFFFF', '#CCCCCC', '#999999', '#666666', '#333333', '#000000']
]
上面是默認值
----------------------------------------------------------------------------------
【Ctrl+Enter提交】
afterCreate:function(){
var self=this;
KindEditor.ctrl(self.edit.doc, 13, function() {
self.sync();
//執行其他事件
});
}
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
var editor=KindEditor.create('#nr');
【編輯器獲取焦點】
editor.focus();
【取得編輯器HTML內容】
var html=editor.html();
【取得編輯器純文本內容】
var text=editor.text();
【移除編輯器】
editor.remove();
【設置編輯器HTML】
editor.html('<strong>編輯器內容</strong>');
【設置編輯器純文本內容,直接顯示HTML代碼】
editor.text('<strong>編輯器內容</strong>');
【判斷編輯器內容是否為空】
if(editor.isEmpty()){
alert('請輸入內容');
return false;
}
【將指定的HTML內容插入到編輯器區域里的光標處】
editor.insertHtml('<strong>插入內容</strong>');
【將指定的HTML內容添加到編輯器區域的最后位置?!?
editor.appendHtml('<strong>追加內容</strong>');
【編輯器切換全屏模式】
editor.fullscreen();
【設置編輯器的只讀狀態】
editor.readonly(false); //true:只讀,false:取消只讀
==================================================================================
【瀏覽服務器】選擇已上傳的文件
① 必須先引用編輯器的default.css文件
<link rel="stylesheet" type="text/css" href="../Editor/themes/default/default.css" />
② 必須引用一下兩個JavaScript文件
<script type="text/javascript" src="../Editor/kindeditor-min.js"></script>
<script type="text/javascript" src="../Editor/lang/zh_CN.js"></script>
③ 具體實現方法 
復制代碼 代碼如下:

<script type="text/javascript">
$(function(){
var editor = KindEditor.editor();
$('#filemanager').click(function() {
editor.loadPlugin('filemanager', function() { //加載插件
editor.plugin.filemanagerDialog({
viewType : 'VIEW', //顯示方式,有兩種分別是VIEW(縮略圖)和LIST(詳細信息)
dirName : 'image',
//選擇查看的指定文件夾下的文件【包括子目錄下的文件】,默認只能是image,flash,media,file四種,如需添加自定義文件夾,可修改例如:asp/file_manager_json.asp文件第40行。
clickFn : function(url, title) { //選擇玩文件后執行下面的代碼
$('#url').val(url);
editor.hideDialog(); //隱藏瀏覽服務器對話框
}
});
});
});
});
</script>

【上傳本地文件到服務器】
① 引用CSS文件
<link rel="stylesheet" type="text/css" href="../Editor/themes/default/default.css" />
② 引用編輯器JavaScript文件
<script type="text/javascript" src="../Editor/kindeditor-min.js"></script>
③ 具體實現方法
復制代碼 代碼如下:

<script type="text/javascript">
$(function(){
var uploadbutton = KindEditor.uploadbutton({
button : KindEditor('#upload'), //注意此處,不能使用jQuery的$
fieldName : 'imgFile', //不要修改
url : '../Editor/asp/upload_json.asp?dir=file',
//上傳處理程序頁面,dir參數有四種:flash,media,file,其他(圖片),上傳后綴限制可修改程序頁面代碼,如:upload_json.asp
afterUpload : function(data) {
if (data.error === 0) {
var url = KindEditor.formatUrl(data.url, 'absolute');
$('#url').val(url);
} else {
alert(data.message);
}
},
afterError : function(str) {
alert('上傳發送錯誤!');
//如果需要顯示錯誤信息,可設置如alert('發生錯誤:'+str);,如不需顯示可將上面str刪除
}
});
uploadbutton.fileBox.change(function(e) {
uploadbutton.submit();
});
});
</script>

【上傳圖片】包括選擇服務器已上傳的圖片
① 引用CSS文件
<link rel="stylesheet" type="text/css" href="../Editor/themes/default/default.css" />
② 引用編輯器JavaScript文件
<script type="text/javascript" src="../Editor/kindeditor-min.js"></script>
③ 引用語言包文件,必須的
<script type="text/javascript" src="../Editor/lang/zh_CN.js"></script>
④ 具體實現方法
復制代碼 代碼如下:

<script type="text/javascript">
$(function(){
var editor = KindEditor.editor({
allowFileManager : true //允許選擇已上傳的圖片
});
$('#image').click(function() {
editor.loadPlugin('image', function() {
editor.plugin.imageDialog({
imageUrl : $('#url').val(),
clickFn : function(url, title, width, height, border, align) {
$('#url').val(url); //可使用其他參數。
editor.hideDialog();
}
});
});
});
});
</script>

http://www.cnblogs.com/edielei/archive/2011/11/12/2246450.html
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人黄在线观看| 日韩网站在线观看| 国产精品亚洲网站| 日韩在线视频观看| 韩国三级电影久久久久久| 精品久久久久久久久久久久久久| 成人a在线视频| 国产一区二区三区精品久久久| 久久影院资源站| 国产精品午夜一区二区欲梦| 91亚洲国产成人久久精品网站| 欧美成人精品激情在线观看| 欧美激情二区三区| 亚洲香蕉伊综合在人在线视看| 国产精品福利观看| 在线播放国产一区二区三区| 成人看片人aa| 久久艹在线视频| 一本色道久久88综合亚洲精品ⅰ| 欧美性猛交xxxx免费看漫画| 亚洲精品视频免费在线观看| 久久久久久久爱| 91精品国产综合久久久久久蜜臀| 日韩av网址在线| xvideos亚洲人网站| 亚洲成人av资源网| 色婷婷久久一区二区| 91热福利电影| 2018日韩中文字幕| 亚洲精品456在线播放狼人| 成人信息集中地欧美| 久久色精品视频| 亚洲理论在线a中文字幕| 91免费精品视频| 中文字幕欧美国内| 日韩国产欧美精品在线| 国产精品自拍小视频| 久久精品国产一区二区三区| 久久夜精品香蕉| 国产精品一区二区3区| 亚洲国产精品电影在线观看| 国产日韩中文在线| 黄色一区二区在线| 亚洲电影在线观看| 久久久久久亚洲精品中文字幕| 国产欧美一区二区三区久久人妖| 久久精品99久久香蕉国产色戒| 日韩av免费观影| 国产精品都在这里| 国产精品一二三在线| 综合久久五月天| 亚洲高清一区二| 欧美激情女人20p| 欧美激情一区二区三区在线视频观看| 91成人福利在线| 亚洲影院在线看| 久久精品99国产精品酒店日本| 亚洲精品视频网上网址在线观看| 国产极品jizzhd欧美| 欧美最猛性xxxxx免费| 欧美性xxxx极品hd满灌| 国产精品视频yy9099| 国内精品久久久久久影视8| 好吊成人免视频| 国产日本欧美一区二区三区在线| 欧美成人精品一区二区| 懂色av中文一区二区三区天美| 久久99视频精品| 亚洲第一区在线| 亚洲人成网站999久久久综合| 国产成+人+综合+亚洲欧洲| 亚洲无限乱码一二三四麻| 97精品国产91久久久久久| 日韩精品久久久久久福利| 91国产高清在线| 国产999精品久久久影片官网| 91在线播放国产| 久久精品免费播放| 日本亚洲欧美成人| 精品人伦一区二区三区蜜桃免费| 国产精品久久久精品| 欧美激情乱人伦一区| 欧美午夜精品伦理| 精品视频www| 欧美激情视频在线免费观看 欧美视频免费一| 色综合久久天天综线观看| 亚洲男人天堂手机在线| 亚洲精品动漫100p| 日韩精品在线免费| 国产日韩换脸av一区在线观看| 日韩欧美精品网址| 久久综合久久美利坚合众国| 国产精品www| 日韩视频免费大全中文字幕| 91av在线看| 亚洲а∨天堂久久精品9966| 日韩免费在线视频| 亚洲欧美日韩精品久久| 亚洲91精品在线观看| 国产精品久久久久久久一区探花| 成人信息集中地欧美| 97高清免费视频| 日韩欧美在线字幕| 国产精品国产福利国产秒拍| 久热99视频在线观看| 日韩av在线影视| 国产亚洲欧美另类中文| 亚洲精品视频久久| 亚洲欧美制服综合另类| 91网在线免费观看| 成人写真福利网| 亚洲人成电影网站色| 日韩视频欧美视频| 丝袜情趣国产精品| 性色av一区二区三区免费| 久久99精品久久久久久噜噜| 国产女同一区二区| 欧美激情a∨在线视频播放| **欧美日韩vr在线| 国产极品精品在线观看| 亚洲国产精品99久久| 成人免费激情视频| 欧美精品www在线观看| 国内成人精品视频| 国产成人a亚洲精品| 欧美色欧美亚洲高清在线视频| 97国产真实伦对白精彩视频8| 久久影视电视剧免费网站清宫辞电视| 国产精品国模在线| 亚洲第一av网站| 久久久久久999| 97精品一区二区视频在线观看| 国产亚洲精品va在线观看| 日韩欧美在线视频日韩欧美在线视频| 亚洲成人教育av| 国产极品jizzhd欧美| 国产一区av在线| 成人在线国产精品| 91精品视频在线免费观看| 国产精品视频中文字幕91| 精品二区三区线观看| 国产在线999| 欧美日韩国产丝袜另类| 亚洲国内高清视频| 狠狠干狠狠久久| 欧美亚洲午夜视频在线观看| 91免费看视频.| 日韩欧美精品免费在线| 日韩在线观看免费网站| 亚洲欧美国产制服动漫| 久久久999国产| 亚洲最新中文字幕| 亚洲欧美在线一区二区| 色婷婷综合久久久久| 国产成人综合亚洲| 亚洲国产天堂久久综合网| 国产91在线高潮白浆在线观看| 国产精品国产三级国产aⅴ9色| 91精品国产乱码久久久久久蜜臀| 欧美性猛交xxxx黑人猛交| 欧美理论电影在线播放| 91精品在线一区| 97热在线精品视频在线观看| 国产精品视频一区二区高潮|