Ric*_*ger 8 angularjs summernote
我会在AngularJS中使用summernote.我找到了https://github.com/outsideris/angular-summernote,但这对我不起作用.我唯一得到的是一个错误
错误:undefined不是函数(评估'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,所以第二个不是我需要的
希望你理解我的问题并感谢任何帮助Rico
Ric*_*ger 10
好的,我发现了问题,对于遇到同样问题的每个人来说,这是一个非常愚蠢的错误;)
问题是我在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文件中.
波多黎各
小智 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>但我们遇到了让它出现在多个地方/实例的问题。也许您可以尝试让我们知道。
| 归档时间： |
|
| 查看次数： |
11622 次 |
| 最近记录： |