javascript - 如何在 Angular JS 中添加文本编辑器？

Question

在我的项目中我想提供一个文本编辑器。我引用了一些网站。但我仍然没有正确的想法。我尝试使用文本 Angular 编辑器。我包括

<script src="core/angular.min.js"></script>
<script src="core/angular-route.min.js"></script>
<script src="js/controller.js"></script><script src="js/textAngular.js"></script>

在 Controller 中

var app=angular.module("myapp",["ngRoute"],['textAngular']);

html页面

<div ng-model="htmlContent" name="demo-editor" </div>

但它没有给我任何东西。有人帮助我吗？

Answer 1

包含文本 Angular 所需的更多脚本:

<script src='http://cdnjs.cloudflare.com/ajax/libs/textAngular/1.5.0/textAngular-rangy.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/textAngular/1.5.0/textAngular-sanitize.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/textAngular/1.5.0/textAngular.min.js'></script>

这不是注入(inject)依赖项的正确方法。更改以下行

var app=angular.module("myapp",["ngRoute"],['textAngular']);

到

var app = angular.module("myapp", ["ngRoute", "textAngular"]);

然后在你的 html 模板中:

<div text-angular ng-model="htmlVariable"></div>

更多信息请参阅textAngular documentation