以角度

时间:2015-10-20 08:55:15

标签: javascript angularjs wysiwyg trumbowyg

我目前正在项目中使用trumbowyg编辑器,我在清除编辑器内容时遇到问题。如果我想通过更改附加到它的模型的内容来重新填充编辑器,但是当我执行$scope.editorModel = '';时它不会清除编辑器的内容,那么一切都很好。我有一个Plunker here可以解释一下(点击页面底部的按钮)。

有人有任何想法吗?

3 个答案:

答案 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>

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

答案 2 :(得分:0)

根据ippi的回答,我找到了div而不是textareas,以下代码解决了我的情况:

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

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