当 textarea 初始化为 ckeditor 时，我们如何填充 textarea 值

Question

好吧，我一直在使用 HTML 表单开发 CKEDITOR，后端是 asp.net core v3.1。 我在渲染和绑定 html 表单中使用了 asp 标签助手。

以下是代码：

 <div class="form-group">
                                <label asp-for="Content" class="control-label"></label>
                                <div class="input-group">
                                
                                    <textarea asp-for="Content" class="form-control" required placeholder="Content"></textarea>
                                    <span asp-validation-for="Content" class="text-danger"></span>
                                </div>
                            </div>

我有两个页面创建和编辑，它们分别创建数据库的第一个表单条目并更新值。

因此，当我加载编辑页面时，所有值都已加载，但 CKEditor 值在它绑定到 textarea 之后并未加载。

值未显示在 HTML CKEDITOR 内容区域中。

CKEDITOR INITILIZE CODE IS BELOW

  <script>
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        $(function () {
         CKEDITOR.replace('Content');        
        })
       
    </script>
}

Answer 1

API 文档为此记录了方法：

1. 设置数据

   设置数据。

CKEDITOR.instances.editor1.setData( '<p>This is the editor data.</p>' );

2. 插入元素

   插入元素。

var element = CKEDITOR.dom.element.createFromHtml( '<img src="hello.png" border="0" title="Hello" />' );
CKEDITOR.instances.editor1.insertElement( element );

3. 插入文本

   插入文本。

CKEDITOR.instances.editor1.insertText( ' line1 \n\n line2' );

4. 插入 HTML

   插入 HTML 。

CKEDITOR.instances.editor1.insertHtml( '<p>This is a new paragraph.</p>' );

我认为您需要的是setData作为其他方法在光标位置附加 text/html 。