Javascript (Summernote)-jQuery和原型框架兼容性

Javascript (Summernote)-jQuery和原型框架兼容性,javascript,jquery,prototypejs,summernote,Javascript,Jquery,Prototypejs,Summernote,我正在尝试在使用原型框架的现有项目上集成所见即所得编辑器。项目必须继续使用prototype,WYSIWYG编辑器必须有自己的JavaScript图像上传程序(从文件上传)。我不能使用PHP上传程序 所以,我尝试在我的项目中集成Summernote,因为它使用jQuery,我与Prototype有冲突。为了让它发挥作用,我使用了: jQuery.noConflict(); jQuery(文档).ready(函数($){ $('#summernote').summernote(); }); 编辑器

我正在尝试在使用原型框架的现有项目上集成所见即所得编辑器。项目必须继续使用prototype,WYSIWYG编辑器必须有自己的JavaScript图像上传程序(从文件上传)。我不能使用PHP上传程序

所以,我尝试在我的项目中集成Summernote,因为它使用jQuery,我与Prototype有冲突。为了让它发挥作用,我使用了:

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

编辑器加载得很好,可以工作,但是当我把鼠标放在图标上,图标就会消失

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

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

p.S1:安装应按照以下要求进行:


p.S2:我已经尝试了几个无冲突的变体,如下面的链接所述

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

在触发工具提示后添加此事件: 资料来源:

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

.YOURELEMENTS{
    display: inline-block !important;
}
根据您的需要调整元素名称。
对于css规则,“inline block”也可能被更改为“block”

看看我的另一个答案-有一个事件(可能是
hide
)Summernote正在激发那些元素,使
元素#hide()
方法激发。您需要调整源代码以更改事件名称。谢谢您的建议。我也考虑过这一点,所以我尝试在summernote.js文件中删除并逐个测试每个
hide
调用,不幸的是,我没有得到任何提示。现在我正在测试每个鼠标事件。不带引导的Summernote(Summernote Lite)在使用
jQuery.noConflict()时仍然存在冲突。
.YOURELEMENTS{
    display: inline-block !important;
}