如何将CKEditor与Angular的ngShow / ngHide指令一起使用

时间:2016-06-06 20:36:46

标签: angularjs ckeditor ng-show

我使用CKEditor作为我的WYSIWYG编辑器,用于我网站上的文本输入。我遇到了使用这个带有角度的ng-show指令的编辑器的问题。

当编辑器加载ng-show =" true"然后编辑工作正常。这意味着弹出工具栏,工具栏上的按钮工作,文本也可以编辑。

然而,当编辑器最初加载ng-show =" false"然后转到ng-show =" true"工具栏仍然出现,但无论出于何种原因,contenteditable属性都设置为false,并且按钮被禁用。

我的CKEditor实例是一个内联编辑器,并加载了一个自定义的Angular指令。 html模板将contenteditable属性设置为true。

2 个答案:

答案 0 :(得分:0)

你遇到了这个问题,因为CKEDITOR从HTML渲染开始就试图修改textarea,但由于textarea条件未满足,ng-show尚未存在爱好。

我们可以在互联网上使用CKEDITOR的Angular模块。您可以选择并使用它。

答案 1 :(得分:0)

尝试ng-if instread。它基本上完全没有渲染编辑器。它似乎在上述情况下运作良好。