Flask-CKEditor 使用教程

最新推荐文章于 2025-04-29 16:26:51 发布

束静研Kody

最新推荐文章于 2025-04-29 16:26:51 发布

阅读量406

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00149/article/details/142477530

Flask-CKEditor 使用教程

flask-ckeditor CKEditor integration for Flask, including image upload, code syntax highlight, and more. 项目地址: https://gitcode.com/gh_mirrors/fl/flask-ckeditor

1. 项目介绍

Flask-CKEditor 是一个用于 Flask 框架的 CKEditor 集成库，提供了丰富的文本编辑功能，包括图片上传、代码语法高亮等。CKEditor 是一个流行的富文本编辑器，广泛应用于各种 Web 应用中。Flask-CKEditor 简化了在 Flask 应用中集成 CKEditor 的过程，使得开发者可以轻松地在 Flask 项目中使用 CKEditor。

2. 项目快速启动

安装 Flask-CKEditor

首先，确保你已经安装了 Flask。然后，使用 pip 安装 Flask-CKEditor：

pip install flask-ckeditor

配置 Flask-CKEditor

在你的 Flask 应用中，导入并初始化 Flask-CKEditor：

from flask import Flask, render_template
from flask_ckeditor import CKEditor

app = Flask(__name__)
ckeditor = CKEditor(app)

app.config['CKEDITOR_SERVE_LOCAL'] = True
app.config['CKEDITOR_HEIGHT'] = 400
app.config['CKEDITOR_FILE_UPLOADER'] = 'upload'

创建视图和模板

在视图中，渲染包含 CKEditor 的模板：

@app.route('/')
def index():
    return render_template('index.html')

在模板文件 index.html 中，使用 CKEditor：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flask-CKEditor 示例</title>
    {{ ckeditor.load() }}
</head>
<body>
    <h1>Flask-CKEditor 示例</h1>
    <form method="post">
        {{ ckeditor.create() }}
        <input type="submit" value="提交">
    </form>
</body>
</html>