0

当 Kendo UI 上下文菜单的目标是 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
});
4

1 回答 1

2

这不是很明显的文档，但是 Kendo 的编辑器有两种非常不同的工作模式：经典和内联。

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

如果您从div元素初始化编辑器，小部件将采用其内联模式。该元素是内容可编辑的，并被小部件用于返回其值。

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

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

于 2020-01-22T12:26:56.043 回答