html编辑器kindeditor我的使用方法

1.下载KindEditor最新版本。本人上一篇文章已发布下载地址

2.把kindeditor放在你的网站目录下，随意目录，只要路径设置对就可以！

3.要显示编辑器的位置添加TEXTAREA输入框。如果已经有TEXTAREA，属性里添加ID即可。

  <textarea id="neir" name="neir" style="width:400px;height:300px;"></textarea>

4.在相应页面上添加kindeditor的引用，添加如下代码：

Code highlighting produced by Actipro CodeHighlighter (freeware) 
http://www.CodeHighlighter.com/ 
-->
<script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js"></script> 
<script type="text/javascript"> 
    KE.show({ 
        id : 'neir' //TEXTAREA输入框的ID 
    }); 
</script>

src=..... 这里根据你的kindeditor放置位置而变化。

怎么获取textarea的文本内容？

1.在<textarea id="neir" name="neir" style="width:400px;height:300px;"></textarea> 后面添加隐藏input和button，代码如下：

 <input id="neir1" type="hidden" runat="server" value="" />

< asp:Button ID="Button" runat="server" Text="保存" OnClientClick="save();" OnClick="Button_Click" CssClass="i" />

添加事件处理代码 1.首先是客户端代码，在服务器代码之前执行，代码如下：

代码

function save() {              

var s = KE.util.getData("neir");             

 s = KE.util.escape(s);             

 document.getElementById("neir").value = s;         

}

已经在服务器控件中取到了，保存的时候保持neir1的value就可以了。

2.服务器代码，代码如下：

代码

 protected void Button_Click(object sender, EventArgs e)     {        

    在这里写你要执行的服务器代码，因为已经去到值了。    

 }