kindeditor-4.1.10在線編輯器的使用[多個]

<script type="text/javascript" charset="utf-8" src="../../Editor/kindeditor-4.1.10/kindeditor.js"></script>
<script type="text/javascript" charset="utf-8" src="../../Editor/kindeditor-4.1.10/lang/zh_CN.js"></script>

        KindEditor.ready(function (K) {
            window.editor1 = K.create('#taACCORDINGRESON', {afterBlur: function () { editor1.sync(); }});
            window.editor2 = K.create('#taREMARKS', {afterBlur: function () { editor2.sync(); }});
        });
        var options = {
            cssPath: '/css/index.css',
            filterMode: true
        };

        var editor1 = K.create('textarea[name="ACCORDINGRESON"]', options);
        var editor2 = K.create('textarea[name="REMARKS"]', options);

<textarea id="taACCORDINGRESON" name="ACCORDINGRESON" style="width: 100%; height: 300px;">
@Model.PricingSuper.ACCORDINGRESON
</textarea>

<textarea id="taREMARKS" name="REMARKS" style="width: 93.63%; height: 500px;">
@Model.CostSupervisionReport.REMARKS
</textarea>

 

 （注：不加紅色部分以前沒法調用MVC的ActionResult方法，緣由是此文本框內部採用的是Ajax異步提交，若是沒有在提交表單時同步數據，將取不到值，沒法觸發ActionResult事件，因此須要在提交以前先經過{afterBlur: function () { editor1.sync(); }}同步數據，標紅部分網上解釋是：

KindEditor的可視化操做在新建立的iframe上執行，代碼模式下的textarea框也是新建立的，因此最後提交前須要執行 sync() 將HTML數據設置到原來的textarea。

KindEditor在默認狀況下自動尋找textarea所屬的form元素，找到form後onsubmit事件裏添加editor.sync()函數，因此用form方式提交數據，不須要手動執行editor.sync()函數。

// 將編輯器的HTML數據同步到textarea
editor.sync(); 

地址：http://www.kindsoft.net/docs/editor.html#sync；

http://kindeditor.net/docs/qna.html#textareavalue）