HTML/CSS

编辑器kindeditor的使用方法html教程

时间:2013-6-19 22:24:00  作者:WPF之家  来源:http://www.wpf123.com  查看:2498  评论:2
内容摘要: 1.下载KindEditor最新版本。打开下载页面。2.把kindeditor放在你的网站目录下,随意目录,只要路径设置对就可以!3.要显示编辑器的位置添加TEXTAREA输入框。如果已经有TEXTAREA,属性里添加ID即可。 <textarea&n...

 

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)
    {
        在这里写你要执行的服务器代码,因为已经去到值了。
    }

 以上,我想已经够详细了,不明白请留言!关于kindeditor的详细信息,请前往http://www.kindsoft.net/doc.php。


标签:编辑 编辑器 使用 方法 

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。本文出自“wpf之家”,请务必保留此出处:http://www.wpf123.com

相关评论
Copyright © 2009-2014 WPF之家(http://www.wpf123.com/) All rights reserved
 Powered by WPF之家
鄂ICP备13006396号