javascript - 以角度清除 trumbowyg 编辑器

Question

我目前在一个项目中使用trumbowyg编辑器，但在清除编辑器的内容时​​遇到问题。如果我想通过更改附加到它的模型的内容来重新填充编辑器，那么一切都很好，但是当我这样做时它不会清除编辑器的内容$scope.editorModel = '';。我在这里有一个 Plunker可以对其进行更多解释（单击页面底部的按钮）。

有人有什么想法吗？

Answer 1

就个人而言，我认为它是一个相当缺乏的指令，但它往往与 jquery 插件的角度包装器类似。

问题当然是无法访问 trumbowyg 元素。最简单的方法是给元素一个 id，然后用 angular.element 把它捡起来。

<div trumbowyg-ng id="test" ...

$scope.trumbo = angular.element("#test");
$scope.trumbo.empty(); // (from the trumbowyg documentation)

这肯定不是角度方式（tm）。我想对指令进行更改并以其他方式使 trumbowyg-object 可用会更漂亮。抱歉懒惰。

Answer 2

我发现新版本的Trumbowyg (2.4.2) 和trumbowyg-ng在模型上有很好的双向绑定。

所以，现在当模型直接设置为 '' 时，模型和 trumbowyg 编辑器都会空白。

<pre>editorModel: {{editorModel}}</pre>
<textarea trumbowyg-ng ng-model="editorModel"></textarea>

在这里看到这个工作：http: //plnkr.co/edit/FoCUDI ?p=preview

Answer 3

扩展 ippi 的答案，我发现divs 而不是，textareas下面的代码解决了我的情况：

<div trumbowyg-ng id="trumbowyg" ...

$scope.trumbo = angular.element("#trumbowyg");
$scope.trumbo['0'].textContent = '';