将textarea初始化为ckeditor时,如何填充textarea值

时间:2020-10-21 07:38:49

标签: javascript c# asp.net-core ckeditor

好吧,我一直在使用HTML FORMS开发CKEDITOR,后端是asp.net核心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>
}

1 个答案:

答案 0 :(得分:1)

API文档已对此进行了记录:

  1. 设置数据

    setData
CKEDITOR.instances.editor1.setData( '<p>This is the editor data.</p>' );
  1. 插入元素

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

    insertText
CKEDITOR.instances.editor1.insertText( ' line1 \n\n line2' );
  1. 插入HTML

    insertHtml

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

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