zoukankan      html  css  js  c++  java
  • html编辑器kindeditor

      kindeditor在asp.net中的使用,kindeditor版本3.3.1。

    1.下载KindEditor最新版本。打开下载页面

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

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

    <textarea id="content_1" name="content" style="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="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
    关于图片上传,请查看http://www.kindsoft.net/list.php?bbsid=7

  • 相关阅读:
    bzoj2434: [Noi2011]阿狸的打字机
    bzoj2830: [Shoi2012]随机树
    题解,作业*2
    bzoj1901: Zju2112 Dynamic Rankings
    luogu P4178 Tree
    CF1042C Array Product 分类讨论+贪心
    CF946D Timetable 动态规划
    CF597C Subsequences 树状数组 + 动态规划
    CF912D Fishes 期望 + 贪心
    bzoj 4321 queue2 dp
  • 原文地址:https://www.cnblogs.com/Jenny-sider/p/4512587.html
Copyright © 2011-2022 走看看