gpt4 book ai didi

angularjs - 如何在 angularjs 中使用summernote

转载 作者:行者123 更新时间:2023-12-04 07:00:19 25 4
gpt4 key购买 nike

我会用 summernote使用 AngularJS。我找到了 https://github.com/outsideris/angular-summernote ,但这对我不起作用。我唯一得到的是一个错误

Error: undefined is not a function (evaluating 'element.summernote(summernoteConfig)')



我已经包含了所有必需的文件,如 jquery、bootstrap、summernote 等。

我的第二个想法是在没有 angular-summernote 指令的情况下使用 Summer note。但这也不应该完美地工作。

如果我尝试
$(document).ready(function() {
$('.summernote').summernote();
});

summernote 不起作用,但如果我尝试某事。喜欢
$.getScript('//cdnjs.cloudflare.com/ajax/libs/summernote/0.5.1/summernote.min.js',function(){
$('#summernote').summernote();
});

它有效,但我会使用我本地的summernote副本,所以第二个不是我需要的

希望您理解我的问题并感谢您的帮助
里科

最佳答案

好的,我找到了问题所在,对于遇到同样问题的每个人来说,这是一个非常愚蠢的错误;)

问题是我在 jQuery 和 Bootstrap 之前包含了主要的 angular.min.js 文件。现在我首先包含 jQuery,然后是 Bootstrap,然后是 AngularJS,它完美运行。

<link rel="stylesheet" type="text/css" href="bootstrap.css" />
<link rel="stylesheet" type="text/css" href="summernote.css" />
<script src="jquery-2.1.1.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="summernote.min.js"></script>
<script src="angular.min.js"></script>
<script src="angular-summernote.min.js"></script>

按照这个顺序,它对我来说是完美的。

一个简短的提示,如果您对按钮大小也有问题,唯一要做的就是包括 <!DOCTYPE html>在你的主要 html 文件中。

里科

关于angularjs - 如何在 angularjs 中使用summernote,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26681675/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com