html编辑器kindeditor的使用
1.下载KindEditor最新版本。
2.把kindeditor放在你的网站目录下,随意目录,只要路径设置对就可以!
3.要显示编辑器的位置添加TEXTAREA输入框。如果已经有TEXTAREA,属性里添加ID即可。
<textarea id="content_1" name="content" style="width:700px;height:300px;"></textarea>
4.在相应页面上添加kindeditor的引用,添加如下代码:
<script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js"></script>
<script type="text/javascript">
KE.show({
id : ‘content_1‘ //TEXTAREA输入框的ID
});
</script>
src=..... 这里根据你的kindeditor放置位置而变化。
获取textarea的文本内容:
1.在<textarea id="content_1" name="content" style="width:700px;height:300px;"></textarea>
后面添加隐藏input和button,代码如下:
<input id="content_1_1" type="hidden" runat="server" value="" />
<asp:Button ID="Button1" runat="server" Text="保存" OnClientClick="save();" OnClick="Button1_Click" CssClass="i_1" />
添加事件处理代码
1.首先是客户端代码,在服务器代码之前执行,代码如下:
function save()
{
var s = KE.util.getData("content_1");
s = KE.util.escape(s);
document.getElementById("content_1_1").value = s;
}
已经在服务器控件中取到了,保存的时候保持content_1_1的value就可以了。
2.服务器代码,代码如下:
protected void Button1_Click(object sender, EventArgs e)
{
在这里写你要执行的服务器代码,因为已经去到值了。
}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。