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

时间:2016-02-10 11:23:24

标签: javascript jquery prototypejs summernote

我试图在使用Prototype框架的现有项目上集成WYSIWYG编辑器。项目继续使用原型并且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/

1 个答案:

答案 0 :(得分:0)

它来自bootstrap工具提示,与原型冲突。

触发工具提示后添加此事件: 资料来源: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"也可能改为"阻止"