Question

当我触发按钮时，我在一个弹出窗口中使用了剑道编辑器文本框，该按钮将显示我可以应用我的文本以及将键入的文本应用到另一个文本区域但我得到html编码的文本

1）我需要清晰的编辑文本。

2）当我在弹出窗口中时，我需要找到parant文本区域，我从该文本中获取的文本需要替换。但在这里，我正在替换我所拥有的div中的所有textarea。

此代码我正在使用

HTML：

 <td colspan="2">
<textarea style="width: 170px;height: 60px;" data-bind="value:invHText"></textarea>
<button type="button" data-bind="click: onClick" class="editButton">Edit</button>
  </td>

对于弹出窗口：

<div id="orderWindow" style="display: none;">
    <span id="currentText" style="display:none;"></span>
    <div id='orderPage'>
        <textarea id="editor" rows="10" cols="30" style="height: 360px">
                </textarea>
    </div>
    <div class='formButtons' style="float: right;margin-top: 5px;">
        <button id='button_apply' class="k-button">Apply</button>
         <button id='button_close' class="k-button">Cancel</button>
    </div>
</div>

使用Javascript：

self.onClick = function (context, e) {
            var tarel = $(e.target)[0];
            var el = $(tarel).parent().find('textarea').val();

            $('#orderPage').empty();
            $('#orderPage').html('<textarea id="editor" rows="10" cols="30" style="height: 360px"></textarea>');
            $("#editor").kendoEditor({
                value: el,
                encoded: false   
                    });

           $('#orderWindow').kendoWindow({
                title: "Rich TextBox",
                resizable: true,
                modal: true,
                width: 550,
                draggable: true,

            }).data("kendoWindow").center().open();

           $("#button_apply").click(function () {
               var editor = $("#editor").data('kendoEditor');

               var id = $("table td textarea").parent();

               alert(id);
               $('textarea').val(editor.value());
               var orderWindow = $('#orderWindow').data("kendoWindow");
               orderWindow.close();
           });
           $("#button_close").click(function () {
               var orderWindow = $('#orderWindow').data("kendoWindow");
               orderWindow.close();
            });
        };

带弹出窗口的kendo编辑器文本框

0 个答案: