设置CKEditor 5的值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置CKEditor 5的值相关的知识,希望对你有一定的参考价值。

我正在我的网站上开发一个功能,用户应该能够使用ckeditor 5和textarea编辑他或她自己的主题。 textarea被放置在一个模态中。但是,当我尝试在用户按下按钮时预填充textarea时,textarea内部没有任何内容。我尝试过以下方法:

var editor;
ClassicEditor
  .create(document.querySelector('#edit-reply-modal'))
  .then(editor => {
    editor = editor;
  })
$(".toggle-edit-modal").click(function(e) {
  e.preventDefault();
  editor.setData("<p>Testing</p>"));
$("#edit-reply-modal").html("<p>Testing</p>");
});

任何帮助表示赞赏。

答案

我看到你有一个')'超过需要editor.data.set("<p>Testing</p>"));

如果仍然无法设置数据,请尝试设置如下数据:

 editor.data.set("<p>Testing</p>");

以上是关于设置CKEditor 5的值的主要内容,如果未能解决你的问题,请参考以下文章

如何获得 CKEditor 5 的价值?

将样式应用于 CKEditor 5 的 HTML 输出

CKEditor 5 的多个文本区域

CKEditor 5 链接:设置链接的默认目标或编辑目标

CKEditor 5 - 带有 VueJS v1 的经典 - 数据未设置

如何将CKeditor编辑器的上传和thinkphp结合