Question

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

错误：undefined不是函数（评估＆＃39; element.summernote（summernoteConfig）＆＃39;）

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

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

如果我尝试

$(document).ready(function() {
  $('.summernote').summernote();
});

夏天不起作用，但如果我试试......像

$.getScript('//cdnjs.cloudflare.com/ajax/libs/summernote/0.5.1/summernote.min.js',function(){
  $('#summernote').summernote();
});

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

希望您理解我的问题并感谢您的帮助波多黎各

Answer 1

好的，我已经找到了问题，对于遇到同样问题的每个人来说，这是一个非常愚蠢的错误;）

问题是我在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文件中。

波多黎各

Answer 2

我们有类似的问题，我们看到的唯一的解决方法是用它自己的模块包装它（在下面的它是summernoteDemo），如：

...
            <div class="span1">
                <div ng-app="summernoteDemo">
                    <summernote id="editor" code="text" ng-model="item.description"></summernote>
                    <br>
                    <textarea type="text" ng-model="item.description" style="width:100%;"></textarea></br>
                </div>

但是我们有问题让它出现在多个地方/实例中。也许你可以尝试让我们知道。

如何使用带角度的summernote

2 个答案: