📅 最后修改于: 2023-12-03 15:00:46.765000 🧑 作者: Mango
Flask是一个基于Python的Web开发框架，而Summernote是一个JavaScript富文本编辑器，现在我们来看看如何在Flask中使用Summernote并获取编辑器中的文本。
首先，我们需要安装Flask和必须的插件flask-summernote。
pip install Flask
pip install flask-summernote
接下来，我们需要创建一个简单的Flask应用程序和模板，并在模板中添加Summernote编辑器。
from flask import Flask, render_template
from flask_summernote import Summernote
app = Flask(__name__)
app.config['SECRET_KEY'] = 'YOUR_SECRET_KEY'
summernote = Summernote(app)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
<!DOCTYPE html>
<html>
<head>
<title>Flask Summernote</title>
{{ summernote.load() }}
</head>
<body>
{{ summernote.form(id='article-content') }}
</body>
</html>
现在我们可以启动Flask应用程序，并打开http://localhost:5000/查看Summernote编辑器。
最后，我们需要添加一个路由来获取编辑器中的文本。
from flask import Flask, render_template, request
from flask_summernote import Summernote
app = Flask(__name__)
app.config['SECRET_KEY'] = 'YOUR_SECRET_KEY'
summernote = Summernote(app)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/submit', methods=['POST'])
def submit():
content = request.form['article-content']
return content
if __name__ == '__main__':
app.run(debug=True)
在上面的代码中，我们创建了一个名为submit的路由，该路由使用POST方法接受表单数据，并从表单中获取名为article-content的文本。我们可以以任何我们喜欢的方式使用该文本，例如将其保存到数据库中，或者将其呈现给用户。
通过Flask和Summernote的结合，我们可以轻松地创建一个富文本编辑器，并且可以方便地获取编辑器中的文本。