8

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

错误：未定义不是函数（评估'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 副本，所以第二个不是我需要的

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

4

2 回答 2

12

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

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

里科

于 2014-11-01T18:55:31.733 回答
0

我们有类似的问题，我们看到的唯一解决方法是用它自己的模块（在下面是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>

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

于 2014-11-01T05:13:57.273 回答