如何使用带角度的summernote

发布时间：2020-12-17 07:57:24 所属栏目：安全来源：网络整理

导读：我会在AngularJS中使用 summernote.我找到了 https://github.com/outsideris/angular-summernote,但这对我不起作用.我唯一得到的是一个错误 Error: undefined is not a function (evaluating ‘element.summernote(summernoteConfig)’) 我已经包含了所有必

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

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

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

我的第二个想法是在没有角度 – summernote指令的情况下使用夏季音符.但这也不应该完美.

如果我试试

$(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文件中.

波多黎各

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!