Javascript 带弹出窗口的剑道编辑器文本框
我在一个弹出窗口中使用剑道编辑器文本框,当我启动按钮时,我可以将我的文本应用到另一个文本区域,也可以将键入的文本应用到另一个文本区域,但我得到的是html编码的文本 1) 我需要清晰的编辑文本 2) 当我在弹出窗口中时,我需要找到parant文本区域,我从该文本中获得的文本需要替换。但在这里,我要替换div中所有的文本区域 这是我正在使用的代码 HTML:Javascript 带弹出窗口的剑道编辑器文本框,javascript,dictionary,Javascript,Dictionary,我在一个弹出窗口中使用剑道编辑器文本框,当我启动按钮时,我可以将我的文本应用到另一个文本区域,也可以将键入的文本应用到另一个文本区域,但我得到的是html编码的文本 1) 我需要清晰的编辑文本 2) 当我在弹出窗口中时,我需要找到parant文本区域,我从该文本中获得的文本需要替换。但在这里,我要替换div中所有的文本区域 这是我正在使用的代码 HTML: 编辑 对于弹出窗口: <div id="orderWindow" style="display: none;"> &
编辑
对于弹出窗口:
<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();
});
};
self.onClick=函数(上下文,e){
var tarel=$(e.target)[0];
var el=$(tarel.parent().find('textarea').val();
$('#orderPage').empty();
$('#orderPage').html('');
$(“#编辑”).kendoEditor({
价值:el,
编码:false
});
$(“#orderWindow”).kendoWindow({
标题:“富文本框”,
可调整大小:正确,
莫代尔:是的,
宽度:550,
真的,
}).data(“kendoWindow”).center().open();
$(“#按钮_应用”)。单击(函数(){
变量编辑器=$(“#编辑器”).data('kendoEditor');
var id=$(“表td textarea”).parent();
警报(id);
$('textarea').val(editor.value());
var orderWindow=$('#orderWindow')。数据(“kendoWindow”);
orderWindow.close();
});
$(“#按钮_关闭”)。单击(函数(){
var orderWindow=$('#orderWindow')。数据(“kendoWindow”);
orderWindow.close();
});
};
问题是什么?从中我可以得到带有html标记的文本,但我只需要文本?我需要将它应用于同一页面中多个文本框的多个按钮。
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();
});
};