ckEditor的视图区域有时在开始时显示为空

Question

我使用以下指令来创建ckEditor视图.指令还有其他行来保存数据,但这些不包括在内,因为保存总是适用于我.

app.directive('ckEditor', [function () {
    return {
        require: '?ngModel',
        link: function ($scope, elm, attr, ngModel) {
            var ck = ck = CKEDITOR.replace(elm[0]);

            ngModel.$render = function (value) {
            ck.setData(ngModel.$modelValue);
            setTimeout(function () {
                ck.setData(ngModel.$modelValue);
            }, 1000);
        };            }
    };
}])

窗口出现但几乎总是第一次它是空的.然后单击[SOURCE]按钮显示源并再次单击它后,窗口将填充数据.

我非常确定ck.setData在尝试ck.getData时工作,然后将输出记录到控制台.但是,似乎ck.setData在开始时不会使数据可见.

有没有办法强制显示视图窗口内容？

Answer 1

这个问题有一个相当简单的答案。我检查了 DOM，发现数据实际上一直在加载。但是它没有在 Chrome 浏览器中显示。所以问题更多的是 ckEditor 的显示问题。奇怪的解决方案似乎是调整 ckEditor 窗口的大小，然后使文本可见。