angularjs - 在带有 AngularJS 的模板中使用 CKeditor

Question

我在使用 CKeditor 时遇到问题。

首先在顶部我有这个：

<textarea class="ckeditor" id="test"></textarea>

没问题我有一个带有ckeditor按钮样式（粗体，下划线，...）的文本区域。

但我在模板中有相同的 texterea ：

<script type="text/ng-template".....
.....
<textarea class="ckeditor" id="test"></textarea>
.....
.....</script>

我有一个简单的文本区域...你知道这个问题吗？

Answer 1

您应该为此使用指令，因为在加载文档时（可能由 jquery）创建 ckeditor 时，模板中的角度加载是异步的。

要么使用现有的库，比如https://github.com/lemonde/angular-ckeditor，要么自己创建一个简单的指令：

angular.module("myApp", [])
    .directive("ckeditor", [function(){
        return {
            restrict: "A",
            link: function (scope, elem, attrs) {
                CKEDITOR.replace(elem[0], {
                    // configuration
                });
            }
        }
    }]);

html:

<textarea ckeditor></textarea>