是否可以在TinyMCE编辑器中的元素上显示带有HTML内容的工具提示?我正在创建一个插件,必须用其他内容注释一些单词,我想在悬停相关单词时显示这些工具提示 . 问题是TinyMCE文档看起来非常糟糕 .
像这样的东西:
editor.on("click", function(e) {
editor.showTooltipOnElement(e.target, "<p>Hello, I am a tooltip");
});
我没有使用默认的HTML Headers 属性,因为我想在工具提示中包含自定义HTML内容 .
3 回答
所以我自己解决了这个问题,但有点像黑客 . 我使用TinyMCE上下文菜单功能在所选元素上创建上下文菜单,然后用我的自定义HTML替换上下文菜单的内容 . 好处是单击窗口中的任何位置也会再次隐藏菜单 .
我在按钮属性上用
tooltip
解决了它:Basic setup
More info
问候
tooltip的问题在于,如果将其分配给TinyMCE内容中的元素 will not scroll . 除非您在TinyMCE内容中移动工具提示并使用".mce-offscreen-selection" wrapper . 还有很多工作和可能的错误需要处理 .
最简单的解决方案是这样的:
然后把CSS样式:
你明白了 .