如何使用带角度的summernote

前端之家收集整理的这篇文章主要介绍了如何使用带角度的summernote前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我会在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文件中.

波多黎各

原文链接:https://www.f2er.com/angularjs/143660.html

猜你在找的Angularjs相关文章