我试图在使用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/
答案 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"也可能改为"阻止"