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

Question

我正在尝试在使用 Prototype 框架的现有项目中集成 WYSIWYG 编辑器。项目必须继续使用原型，并且所见即所得编辑器必须有自己的 JavaScript 图像上传器（从文件上传）。我不能使用 PHP 上传器。

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

jQuery.noConflict(); jQuery(document).ready(function($) { $('#summernote').summernote(); });.

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

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

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

P.S1：安装已经完成：http://summernote.org/getting-started/

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

Answer 1

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

在工具提示触发后添加此事件： 来源：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”