javascript - 在asp.net和sql server中使用ckeditor保存表单

Question

我尝试使用 CKEditor 保存表单并添加自动保存功能意味着所有输入都会自动保存:

    <script>
    CKEDITOR.replace('Perfil_Descripcion');
</script>

<script>
    $('document').ready(function () {
        $('#preview').hide(); //Default setting
        for (instance in CKEDITOR.instances) {

            CKEDITOR.instances[instance].updateElement(); //fix texrarea update value

            CKEDITOR.instances[instance].on('key', function () { //save, here comes the error
                $("#btnUpdatePerfil").trigger('click');
            });

        }
    });
    //Save in db
    function CKUpdate() {
        for (instance in CKEDITOR.instances) {

            CKEDITOR.instances[instance].updateElement(); 


            $('#generalform').ajaxForm({ 
                target: '#preview',
                success: function () {
                    $('#preview').show('slow').delay(800).hide('slow');
                }
            });
        }
    }

                            <form id="generalform" method="get" action="?">

                            <h3 class="page-header">Descripcion sobre tu persona</h3>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <!--<textarea id="editor" class="form-control"></textarea>-->
                                                    <textarea class="form-control" rows="9" id="Perfil_Descripcion" name="Perfil_Descripcion"></textarea>
                                                    <span id="preview"></span>
                                                </div><!-- /.form-group -->
                                            </div>
                                        </div>
                                     </form>

我的问题是:

1. 当我输入一些文本时，此自动保存 CKupdate() (引用行 -> comment//auto save )会触发，但有错误，因为保存它有时。我不确定如何修复该错误。
2. 用户按下保存后，每次用户都会触发保存功能在文本区域中插入任何字符串，几秒钟后我的浏览器会挂起。我认为这个('关键'，功能不好或者可能需要改成其他的，比如点击功能，但也有bug，有时会保存。

我实际上想做的是使用 CKEditor 创建文本区域，然后将值保存到数据库中并创建一个在文本区域中显示的函数以编辑内容。

另一个问题是我必须快速按下保存按钮。

Answer 1

这对我来说效果很好:

    <script type="text/javascript" src="ckeditor.js"></script>

    <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>

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

    <script type="text/javascript">
        CKEDITOR.replace('<%=TextBox1.ClientID %>');
    </script>

要使此示例正常工作，您必须在页面指令中设置 ValidateRequest="false" ，否则您将收到 "从客户端检测到潜在危险的 Request.Form 值“错误。

如果您想在没有 PostBack 功能和代码的情况下使用 CKeditor，您可以这样做:

    <script type="text/javascript" src="ckeditor.js"></script>

    <textarea rows="9" id="Perfil_Descripcion" name="Perfil_Descripcion"></textarea>

    <input id="Button1" type="button" value="Save" onclick="saveText()" />

     <script type="text/javascript">
         CKEDITOR.replace('Perfil_Descripcion');

         function saveText() {
             //now you have the data from the editor in javascript
             var text = CKEDITOR.instances.Perfil_Descripcion.getData();
             alert(text);
         }
    </script>

从中您还可以创建自动保存，创建一个使用 setInterval 调用的 javscript 函数，并使用 CKEDITOR.instances.Perfil_Description.getData() 从编辑器保存文本