基本的问题是: gwtbootstrap3是否已经包含了jquery (我想是的,见下文)。如果是这样,为什么summernote不能参考它呢?我找到了这个答案here,但我仍然不确定如何继续。
我将Summernote添加到我的GWTBootstrap3项目中。然后,我添加了以下链接到我的超文本标记语言页面,就像在summernote.org上引用的那样。这个可以完美地工作。虽然我想确保在我的项目中只有必要的链接或包含。
<!-- Summernote required includes BEGIN-->
<!-- include libraries(jQuery, bootstrap) -->
<link
href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css"
rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js">
</script>
<script
src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js">
</script>
<!-- include summernote css/js-->
<link
href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.3/summernote.css"
rel="stylesheet">
<script
src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.3/summernote.js">
</script>
<!-- Summernote required includes END-->据我所知,gwtbootstrap3已经在使用jquery了。所以我决定注释掉jquery插件。现在的问题是,在我的chrome浏览器的web控制台中,summernote失败了,错误如下:
未捕获的TypeError:无法读取未定义的属性'fn‘
at summernote.js:460
at summernote.js:21
at summernote.js:23很明显,这指的是缺少的jquery (正如第460行所指的那样...)
isWebkit: !isEdge && /webkit/i.test(userAgent),
isChrome: !isEdge && /chrome/i.test(userAgent),
isSafari: !isEdge && /safari/i.test(userAgent),
browserVersion: browserVersion,
jqueryVersion: parseFloat($.fn.jquery), <!-- LINE 460 !!! -->
isSupportAmd: isSupportAmd,
hasCodeMirror: hasCodeMirror,
isFontInstalled: isFontInstalled,
isW3CRangeSupport: !!document.createRange因此,它归结为一个问题,为什么summernote不能引用已经包含在gwtbootstrap3包中的jquery?使用NoRessource和手动包含所有必要的文件会有什么不同?这能解决问题吗?需要手动包含哪些文件,以及如何/在何处包含这些文件?
向Hannes致以最好的问候
发布于 2017-05-26 15:42:39
我之所以导入上面列出的链接,是因为当我开始在gwtbootstrap3中使用summernote时,它不会工作。也就是说,它根本不会出现。但原因并不是我需要导入上面提到的链接。这可能是我犯下的一些其他错误(或者eclipse的一些刷新问题)。总而言之。不需要导入summernote.org上列出的那些链接。为什么?因为它们已经包含在summernote的gwtbootstrap3-extras中。因此,准确地说,导入这些链接是相当有害的,因为当有两个单独的jquery实例运行时,您可能会遇到奇怪的问题。所以答案就是。不要导入它,一切都很好。
https://stackoverflow.com/questions/44193794
复制相似问题