javascript - 以 Angular 清除 trumbowyg 编辑器

标签 javascript angularjs wysiwyg trumbowyg

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

有人有什么想法吗?

最佳答案

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

问题当然是无法访问 trumbowyg 元素。 简单的方法是给元素一个 id,然后用 angular.element 来获取它。

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

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

肯定不是 Angular 方式(tm)。我想更改指令并使 trumbowyg 对象以其他方式可用会更漂亮。抱歉偷懒了。

关于javascript - 以 Angular 清除 trumbowyg 编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33232191/

相关文章:

javascript - 在 ng-Click 上更新和保存值

ajax - ngtable服务器端分页

javascript - 同步 JQuery.post()

javascript - 在 Kendo-grid 中部分渲染列

ruby-on-rails - 自耕农应用程序中的 Grunt 任务很慢

javascript - tinyMCE - 你能配置一个低于 100px 的编辑器高度吗?

javascript - 如何针对某个 div(而不是整个页面)运行 queryCommandState?

javascript - 使用 jQuery 删除 &lt;script&gt; 标签

javascript - 使用javascript插入当前href

javascript - 如何在网页上制作所见即所得的部分?