javascript - 如何更新每个响应的 Ck 编辑内容

Question

CK editor initialization 
    function initEditor(){  

            CKEDITOR.replace( 'editor1', {

                on: {
                    //focus: onFocus,
                    //blur: onBlur,

                    // Check for availability of corresponding plugins.
                    pluginsLoaded: function( evt ) {
                        var doc = CKEDITOR.document, ed = evt.editor;
                        if ( !ed.getCommand( 'bold' ) )
                            doc.getById( 'exec-bold' ).hide();
                        if ( !ed.getCommand( 'link' ) )
                            doc.getById( 'exec-link' ).hide();
                    }
                }
            });
        }


function getIndividualReportData( reportId ){
        ReportService.getIndividualReportList( reportId ,
                function( data ) // success
                {
                    console.log(data);
                    $scope.report = data ;

                    initEditor();


                },
                function( msg ) // error
                {

                });

    }

html-ck 编辑器

<textarea cols="100"  name="editor1" rows="50" data-ng-model="report.reportData">

            {{ report.reportData }}
        </textarea>

但是 ck 编辑器中的数据没有更新。在得到响应后初始化 CK 编辑器然后它显示数据。但是如果我调用函数 initEditor ，那么它会显示警告编辑器实例“editor1”已经附加到提供的元素。

我正在使用 Angular js + Ck 编辑器

Answer 1

得到了答案

我必须清除实例

delete CKEDITOR.instances[ 'editor1' ];

Answer 2

remove 函数需要传递一个有点奇怪的对象。以防万一有一些清理我使用了以下代码：

 if (CKEDITOR.instances['editarea']) {
            CKEDITOR.remove(CKEDITOR.instances['editarea']);
         }