javascript - (Summernote) - jQuery 和 Prototype 框架兼容性

Question

我正在尝试将 WYSIWYG 编辑器集成到使用 Prototype 框架的现有项目上。项目必须继续使用原型(prototype)，并且所见即所得编辑器必须有自己的 JavaScript 图像 uploader (从文件上传)。我无法使用 PHP uploader 。

所以，我尝试将 Summernote 集成到我的项目中，因为它使用 jQuery，我与 Prototype 发生冲突。为了使其工作，我使用:

jQuery.noConflict(); jQuery(文档).ready(函数($) { $('#summernote').summernote(); });.

编辑器加载正常并且工作正常，但是当我将鼠标移出图标时，它们消失了。

我认为问题不在于初始化，而在于 Summernote.js 代码本身。我尝试将 noConflict 功能应用于该代码，但仍然不起作用。

有人可以帮忙解决这个问题吗？或者可以推荐另一个好的开源编辑器吗？

P.S1:安装已按预期进行:http://summernote.org/getting-started/

P.S2:我已经尝试了几种 noConflict 变体，如下面的链接所述。 https://api.jquery.com/jquery.noconflict/

Answer 1

它来自引导工具提示，与原型(prototype)冲突。

在触发工具提示后添加此事件: 来源:https://github.com/twbs/bootstrap/issues/6921#issuecomment-45125243

jQuery(".YOURELEMENTS").on("hidden.bs.tooltip", function() { 
    jQuery(this).css("display", "");
});

这个 css 规则可以避免闪烁:

.YOURELEMENTS{
    display: inline-block !important;
}

根据您的需要调整元素名称。 对于CSS规则，“inline-block”也可能更改为“block”