Using rich text editor

您可以自定义模板并添加自定义 JavaScript 代码来启用 CKEditor 编辑器到您的字段中。为了使用 CKEditor，您需要将一些 JS 代码注入到 SQLAdmin 中，这通过自定义模板来实现。

假设您有以下模型：

class Post(Base):
    id = Column(Integer, primary_key=True)
    content = Column(Text, nullable=False)

首先，在您的项目中创建一个 templates/sqladmin 目录。 然后，在该目录中添加一个 custom_edit.html 文件，内容如下：

custom_edit.html

{% extends "sqladmin/edit.html" %}
{% block tail %}
<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>
<script>
    ClassicEditor
        .create(document.querySelector('#content'))
        .catch(error => {
            console.error(error);
        });
</script>
{% endblock %}

在您的管理视图中使用 custom_edit.html 模板：

class PostAdmin(ModelView, model=Post):
    edit_template = "custom_edit.html"

现在，每当在管理员界面中编辑 Post 对象时，CKEditor 将应用于模型的 content 字段。您也可以对 create_template 字段执行相同的操作。