石家庄建站平台

十年经验 优惠价格 贴心服务

服务热线 15383239821

html编辑器kindeditor我的使用方法

发布时间:2013-12-17    来源:

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&nbs
还没开展互联网业务? 马上开始