javascript - 将 OnMouseover 事件添加到 TinyMCE 编辑器实例

Question

我想将 onMouseOver 和 onMouseOut 事件添加到 TinyMCE 中的编辑器实例(通过插件)，但 TinyMCE 的 API 似乎不支持它们。具体来说，我希望当鼠标悬停在元素上以切换“只读”模式(以及可能的其他模式)时出现一个控件。我是否必须自己向 TinyMCE 添加代码才能执行此操作，或者是否通过某些非显而易见的途径支持它？如果我确实必须添加代码，是否有一些禁止支持这些事件的禁令构成了他们不将其包含在 API 中的推理基础？

为了澄清那些与下面的响应者有同样困惑的人的利益，我特别希望将一个事件附加到由 TinyMCE 库创建的 TinyMCE.Editor 实例(例如，传递给的类) TinyMCE.init 的设置参数中使用的回调)。我希望执行以下操作

tinyMCE.init({
  .
  .
  .
  setup : function(ed) { 
    TinyMCEReadOnlySetup(ed,true); 
    ed.onMouseOver.add(ShowButton(ed));
    ed.onMouseOut.add(HideButton(ed));
  },
  .
  .
  .
});

，但 ed(TinyMCE.Editor 的一个实例)不支持类似事件方式的 MouseOver.add。

Answer 1

要在只读和编辑模式之间切换，您可以使用

ed.getDoc().designMode = "Off";

在你自己的插件中。或者，您可以保存编辑器内容并在 onChange 被触发时恢复它。

编辑:

要设置鼠标悬停事件监听器，您可以使用

$('#' + ed.id +'_parent').bind('mouseover',function (evt){
   setTimeout("console.log('mouseover')",50);return false;
});

您可以在插件的 onInit 部分中执行此操作。