当前位置: 代码迷 >> ASP.NET >> kindEditor编辑器中,C#怎么获取JS里面编辑器内容l的值
  详细解决方案

kindEditor编辑器中,C#怎么获取JS里面编辑器内容l的值

热度:4072   发布时间:2013-02-25 00:00:00.0
kindEditor编辑器中,C#如何获取JS里面编辑器内容l的值
前台代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <script charset="utf-8" src="kindeditor-4.1.4/kindeditor.js"></script>

   <script charset="utf-8" src="kindeditor-4.1.4/lang/zh_CN.js"></script>

   <script>

    var editor;

    KindEditor.ready(function (K) {

        editor = K.create('#editor_id');

    });

    var editor = K.create('textarea[name="content"]', options);

    // 取得HTML内容

    html = editor();

    // 同步数据后可以直接取得textarea的value

    editor.sync();

    html = document.getElementById('editor_id').value; // 原生API

    html = K('#editor_id').val(); // KindEditor Node API

    html = $('#editor_id').val(); // jQuery

    // 设置HTML内容

    editor('HTML内容');

</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

     <textarea id="editor_id" name="content" style="width:700px;height:300px;"></textarea><br />

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

 <asp:Button ID="Button1" runat="server" Text="保存"  OnClick="Button1_Click"  />

 

    </form>

</body>

</html>


问题:我想获取编辑器里面的内容html代码然后点保存插入数据库(1)但是我不知道在在后台哪里写代码(2)还有如何获取编辑器内容的值呢?(3)那个onclientclick又怎么用呢?最好结合这三个方面,有详细的代码,本人初学的,感激万分!

------解决方案--------------------------------------------------------
后台获取KindEdito 的值 前台加上 runat="server" 
<textarea id="editor" runat="server" style="width: 400px; height: 100px; visibility: hidden;"
                                            cols="20" rows="2"><%#DataBinder.Eval(Container.DataItem, "ctr_file_info") %></textarea>
然后在后台直接editor.value。就可以了。 onclientclick 是在前台页面的执行事件,你可以在里面添加js验证方法之类的。
<asp:Button ID="Btn_Submit" runat="server" Text="提交" CssClass="btnss" OnClientClick="return Validate()"
                        OnClick="Btn_Submit_Click" /> function Validate() {
          if(数据不合法)
          {
             return false;
  相关解决方案