在这里，我集成了经典的CK编辑器在视图的C#文件。我试图添加新的自动完成插件在经典编辑器。
<div class="card-body areacls cardBox" contenteditable="true" id="@areaId" data-href="@item.Id" onclick="createEditor(@areaId)">
@Html.Raw(item.Description)
</div>
<script>
var editors = new Map();
function createEditor(elementToReplace) {
return ClassicEditor
.create(elementToReplace)
.then(editor => {
editors.set(elementToReplace, editor);
})
.catch(err => console.error(err.stack));
}
</script>
2条答案
按热度按时间5n0oy7gb1#
尝试使用
F12查看控制台中是否有任何错误消息。我猜你错过了
<script>，参考[ www.example.com ]：（https://cdn.ckeditor.com/）要开始在您的网站上使用CKEditor 5 Builds，请在HTML页面中添加一个
<script>标签：添加以下代码：
结果：
4bbkushb2#
在经典的编辑器5版本有一些内置的插件。你不能添加新的插件在5版本.如果你想使用像mention这样的新插件，你必须从这里创建自己的自定义编辑器https://ckeditor.com/ckeditor-5/online-builder/，或者你可以改变预定义的构建，如Classic，Inline，Balloon，Balloon-block，Document，Multi-root，Superbuild。