我目前正在项目中使用trumbowyg编辑器,我在清除编辑器内容时遇到问题。如果我想通过更改附加到它的模型的内容来重新填充编辑器,但是当我执行$scope.editorModel = '';
时它不会清除编辑器的内容,那么一切都很好。我有一个Plunker here可以解释一下(点击页面底部的按钮)。
有人有任何想法吗?
答案 0 :(得分:2)
就个人而言,我认为它是一个相当缺乏的指令,但它往往与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以其他方式可用是更漂亮的。抱歉懒惰。
答案 1 :(得分:1)
我发现较新版本的Trumbowyg(2.4.2)和trumbowyg-ng在模型上具有良好的双向绑定。
所以,现在当模型直接设置为&#39;时,模型和trumbowyg编辑器都会变空。
<pre>editorModel: {{editorModel}}</pre>
<textarea trumbowyg-ng ng-model="editorModel"></textarea>
答案 2 :(得分:0)
根据ippi的回答,我找到了div
而不是textareas
,以下代码解决了我的情况:
<div trumbowyg-ng id="trumbowyg" ...
$scope.trumbo = angular.element("#trumbowyg");
$scope.trumbo['0'].textContent = '';