在AngularJS模板中使用CKeditor

Question

我在使用CKeditor时遇到问题。

在顶部的第一个我有这个：

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

没问题，我有一个文本区，里面有ckeditor的按钮样式（粗体、下划线…）。

但我在一个模板中有相同的文本：

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

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

Answer 1

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

要么使用现有库，比如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>