Javascript 一页上有多个tinymce文本区域——正确的chrome菜单并不总是出现

我有一个带有多个tinymce文本区域的页面，使用浏览器的默认上下文菜单。我遇到的问题是，有时Chrome会显示正确的textarea上下文菜单（剪切、复制、粘贴等），但每当我打开上下文菜单（大致上），它就会显示非textarea内容菜单（后退、前进、重新加载等）

我这里有一个小提琴示例，演示了这个问题：

如果右键单击任意一个文本区域（在Chrome中）几次，在不同的位置，将显示不同的菜单

我相当确定我正确地初始化了控件。只有一个文本区域不会出现问题

---

谢谢你的帮助

不完全是。它根本不是一个tinymce上下文菜单。当Chrome在输入或文本区域内打开时，它就是它的上下文菜单。根据上下文的不同，它有不同的菜单项

我之前说过，当页面上只有一个tinymce textarea时，问题并没有出现，但现在我发现这是不正确的。每个tinymce文本区域都会出现此问题

我认为问题在于文本区域的面积。Tinymce隐藏了实际的本地textarea控件并绘制了自己的控件，而且它可能以某种方式错误地映射了维度，使Chrome误以为鼠标点击在控件之外

---

从我所看到的，这个控件的规范是使用它自己的上下文菜单，而不是依赖浏览器，这可能就是我在任何地方都很难找到Chrome问题的原因。

我只能看到默认的Chrome上下文菜单…在文本区域的不同部分右键单击确实会在不同的时间显示这两个菜单：，好的，我明白你的意思了。。。只有在右键单击带有插入符号的行时，我才能将粘贴和粘贴视为纯文本，可能与设计相同？不，它肯定没有设计相同，因为它只在一个文本区域中正常工作。让我们看看是否可以解释我看到的内容：如果右键单击带有插入符号的行上的任何编辑器，我将获得tinyMCE上下文菜单。如果我在任何其他地方右键单击，我会看到chrome上下文菜单。这在两个编辑器中都会发生，这就是为什么我想知道它是否按设计工作。更准确地说，TinyMCE为菜单/工具栏创建了一系列

div

s，而内容区域实际上是一个

iFrame

。正确的说法是，当TinyMCE出现在页面上时，原始的

textarea

不再可见，您也无法通过键盘或鼠标与其交互。