当 Kendo ui 编辑器 id 目标时，kendo ui 上下文菜单不起作用

【问题标题】：kendo ui context menu is not working when Kendo ui editor id target当 Kendo ui 编辑器 id 目标时，kendo ui 上下文菜单不起作用
【发布时间】：2020-01-22 10:03:34
【问题描述】：

当其目标是 Kendo UI 编辑器的 id 时，Kendo UI 上下文菜单不起作用：

<textarea id="keditor" kendo-editor kendo-toolbar style="width: 100%; overflow: scroll">
</textarea>

脚本：

$("#client-context-menu").kendoContextMenu({
    target: "#keditor",
    dataSource: response.Item.AgreementParameters
});

【问题讨论】：

当你说它不工作时，你到底是什么意思？什么都没有发生？您是否收到异常或错误消息？

标签： kendo-ui kendo-editor kendo-contextmenu

【解决方案1】：

这不是很明显的记录，但剑道的编辑器有two very different work modes：经典和内联。

如果您使用默认的 textarea 元素来初始化编辑器，编辑器采用其经典模式。文本区域不可见，并且用于保存小部件的值。您可以输入已创建的 contenteditable iframe。

如果您从 div 元素初始化编辑器，小部件假定它的内联模式。该元素是内容可编辑的，由小部件返回其值。

在你的情况下，元素是一个文本区域，所以编辑器的内容在一个 iframe 中，所以右键单击是在另一个上下文中并且不会触发上下文菜单。

如果您将编辑器绑定到 div，它可以工作，请参见示例：https://dojo.telerik.com/@GaloisGirl/iTowIkEW

【讨论】：