ASP.NET Core 3.1+CKEditor5实现在线文本编辑器

最近在写一个小系统模块，需要用到一个富文本编辑器，在网上搜索一番，看着这个CKEditor这个还不错，就参考一下官网Demo折腾了一下。废话不多说，开始正文。

界面

其实就是个简洁(因为是个做CS的，不会BS，现学现用)后台信息维护页，所以请大家不要纠结美不美观了······

这个页面里，这个CKEditor是单独作成一个组件来用的，完整代码如下：

前端代码

组件代码

@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
@model DM_Mini.Models.Product; /*这是创建的业务数据对象*/

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="~/ckeditor5/ckeditor.js"></script>
<script src="~/ckeditor5/sf.js" type="text/javascript"></script>
<script src="~/ckeditor5/tree-a.js" type="text/javascript"></script>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="~/ckeditor5/styles.css" />

<div class="row row-editor">
    <textarea class="editor col-md-10" asp-for="TxtInfo">
        
    </textarea>
</div>


<script>
    class UploadAdapter {
    

        constructor(loader) {
    
            this.loader = loader;
        }

        upload() {
    
            return this.loader.file