昨天老大讓我自己下載一個kindeditor說要放到“描述”功能中,並且不能提交(一邊在textarea中寫一邊在label控件中將數據顯示出來),由於從來沒弄過,實在費了一翻勁。所以將此記錄下來,一方面加深自己的記憶,另一方面希望大家批評指正。
先從官網中現在最新版本的Kindeditor,官網地址:http://www.kindsoft.net/
下載完成后,將整個文件夾解壓。其中包含有asp、php、asp.net等使用kindeditor的實例,這里我用的是asp.net的實例。
1.在需要插入kindeditor的項目中建立“kindeditor”文件夾,在解壓的文件夾中將kindeditor.js和attached、themes、plugins、lang文件夾還有asp.net中的bin文件夾、file_manager_json.ashx和upload_json.ashx添加文件夾中(最好將file_manager_json.ashx和upload_json.ashx文件添加到一個新文件夾asp.net中)。其中file_manager_json.ashx和upload_json.ashx是圖片的上傳處理程序。
2.在asp.net文件夾中新建一個kindeditor.htm的文件。
3.在項目中添加對asp.net/bin/LitJSON.dll文件的引用。添加引用后,打開下載的kindeditor中的asp.net文件夾,用記事本方式打開該文件夾下的demo.aspx文件。
4.在項目中的kindeditor文件中添加kindeditor.js的引用。並將demo.aspx文件中的js代碼復制到kindeditor.htm文件中。
5.在<body>標簽中加入<textarea>和顯示文本的<label>標簽,具體如下圖所示。
6.現在開始進行輸入和顯示同步的代碼書寫,在復制的js文件中添加一個函數afterChange,具體如圖所示。
此時輸入和顯示的同步功能就已經做好。最后看下效果:
如果對於kindeditor有什么疑問可留言,看到后將會解答。如果我也不會希望和大家共同探討共同進步!