快捷導(dǎo)航

kindSoft在線網(wǎng)頁(yè)編輯器簡(jiǎn)單的配置參數(shù)介紹

更新時(shí)間：2013年01月06日 10:20:21 作者：

對(duì)于網(wǎng)頁(yè)編輯器對(duì)做項(xiàng)目的時(shí)候是非常的又用的一個(gè)編輯器，大大的減輕了開發(fā)人員的負(fù)擔(dān)，感覺KindSoft是一個(gè)不錯(cuò)的選擇，因此也在不斷的使用接下來介紹參數(shù)配置，需要的朋友可以了解下

對(duì)于網(wǎng)頁(yè)編輯器對(duì)做項(xiàng)目的時(shí)候是非常的又用的一個(gè)編輯器，大大的減輕了開發(fā)人員的負(fù)擔(dān)，感覺KindSoft是一個(gè)不錯(cuò)的選擇，因此也在不斷的使用。

下面對(duì)一些簡(jiǎn)單的配置進(jìn)行歸納一下：
首先是將下載的KindSoft文件導(dǎo)入到項(xiàng)目的目錄下；

復(fù)制代碼代碼如下:

<script src="../Content/kindeditor-4.1.4/kindeditor-all.js" type="text/javascript"></script> 
<script src="../Content/kindeditor-4.1.4/lang/zh_CN.js" type="text/javascript"></script>

這兩個(gè)引用在xx.aspx文件的Head部分
然后插入下面的一段代碼：

復(fù)制代碼代碼如下:

<script> 
var editor; 
KindEditor.ready(function(K) { 
editor = K.create('#tbContent'); 
}); 
</script>

tbContent是要嵌入的Input標(biāo)簽的id值，呵呵嘿嘿、、驚喜就出現(xiàn)了；如下圖所示：

但是如果要進(jìn)行圖片、flash或者視頻的上傳的話，你就會(huì)很郁悶了，很多時(shí)候都會(huì)因?yàn)樯蟼髀窂讲粚?duì)而出錯(cuò)，因此你需要設(shè)置你的圖片、flash或者視頻文件的路徑；只需將上面一段代碼改為如下部分則可以滿足基本的需求了：

復(fù)制代碼代碼如下:

 
<script language="javascript" type="text/javascript"> 
KindEditor.ready(function (K) { 
K.create('#tbContent', { 
uploadJson: '../Content/kindeditor-4.1.4/asp.net/upload_json.ashx', 
fileManagerJson: '../Content/kindeditor-4.1.4/asp.net/file_manager_json.ashx', 
allowFileManager: true 
}); 
}); 

上面標(biāo)記顏色的部分應(yīng)該根據(jù)自己的文件路徑選擇合適的路徑；
最后就是有關(guān)編輯器中的控件并不是自己所需要的，所以你需要在如下的路徑進(jìn)行配置：
展開kindeditor-4.1.4，找到kindeditor.js文件，雙擊就去，然后找到在246頁(yè)左右，就有一個(gè)Items，在之后又如下的配置參數(shù)：

復(fù)制代碼代碼如下:

 
[ 
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste', 
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/', 
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage', 
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 
'anchor', 'link', 'unlink', '|', 'about' 
] 

參數(shù)的解釋如下：

source	HTML代碼
preview	預(yù)覽
undo	后退
redo	前進(jìn)
cut	剪切
copy	復(fù)制
paste	粘貼
plainpaste	粘貼為無格式文本
wordpaste	從Word粘貼
selectall	全選
justifyleft	左對(duì)齊
justifycenter	居中
justifyright	右對(duì)齊
justifyfull	兩端對(duì)齊
insertorderedlist	編號(hào)
insertunorderedlist	項(xiàng)目符號(hào)
indent	增加縮進(jìn)
outdent	減少縮進(jìn)
subscript	下標(biāo)
superscript	上標(biāo)
formatblock	段落
fontname	字體
fontsize	文字大小
forecolor	文字顏色
hilitecolor	文字背景
bold	粗體
italic	斜體
underline	下劃線
strikethrough	刪除線
removeformat	刪除格式
image	圖片
flash	Flash
media	視音頻
table	表格
hr	插入橫線
emoticons	插入表情
link	超級(jí)鏈接
unlink	取消超級(jí)鏈接
fullscreen	全屏顯示
about	關(guān)于
print	打印
code	插入程序代碼
map	Google地圖
baidumap	百度地圖
lineheight	行距
clearhtml	清理HTML代碼
pagebreak	插入分頁(yè)符
quickformat	一鍵排版
insertfile	插入文件
template	插入模板
anchor	插入錨點(diǎn)