html编辑器 flask,flask 富文本编辑器(flask 22)

基于文件上传页面 flask 21

image.png

from flask_ckeditor import CKEditor, upload_success, upload_fail

app = Flask(name)

ckeditor=CKEditor(app)

app.config['CKEDITOR_SERVE_LOCAL'] = True

app.config['CKEDITOR_FILE_UPLOADER'] = 'upload_for_ckeditor'

app.config['CKEDITOR_PKG_TYPE'] = 'standard' #basic,full

app.config['CKEDITOR_LANGUAGE']='zh-cn'

app.config['CKEDITOR_HEIGHT/WIDTH']

@app.route('/ckeditor', methods=['GET', 'POST'])

def integrate_ckeditor():

form = RichTextForm()

if form.validate_on_submit():

title = form.title.data

body = form.body.data

flash('Your post is published!')

return render_template('post.html', title=title, body=body)

return render_template('ckeditor.html', form=form)

@app.route('/upload-ck', methods=['POST'])

def upload_for_ckeditor():

f = request.files.get('upload')

if not allowed_file(f.filename):

return upload_fail('Image only!')

f.save(os.path.join(app.config['UPLOAD_PATH'], f.filename))

url = url_for('get_file', filename=f.filename)

return upload_success(url, f.filename)

form.py

from flask_ckeditor import CKEditorField

class RichTextForm(FlaskForm):

title = StringField('Title', validators=[DataRequired(), Length(1, 50)])

body = CKEditorField('Body', validators=[DataRequired()])

submit = SubmitField('Publish')

templates/ckeditor.html

{% extends 'base.html' %}

{% from 'macros.html' import form_field %}

{% block content %}

Integrate CKEditor

with Flask-CKEditor

{{ form.csrf_token }}

{{ form_field(form.title) }}

{{ form_field(form.body) }}

{{ form.submit }}

{% endblock %}

{% block scripts %}

{{ super() }}

{{ ckeditor.load() }}

{{ ckeditor.config(name='body') }}

{% endblock %}

post.html

{% extends 'base.html' %}

{% block title %}{{ title }}{% endblock %}

{% block head %}

{{ super() }}

{{ ckeditor.load_code_theme() }}

{% endblock %}

{% block content %}

{{ title }}

{{ body|safe }}

{% endblock %}