Python-flask 使用Markdown和Flask-PageDown支持富文本文章

导入库

from flask_pagedown import PageDown

from flask_pagedown.fields import PageDownField

初始化

pagedown = PageDown()
app = Flask(__name__)
pagedown.init_app(app)

建立数据库

class Post(db.Model):__tablename__ = 'posts'id = db.Column(db.Integer, primary_key=True)body = db.Column(db.Text)timestamp = db.Column(db.DateTime, index=True, default=datetime.utcnow)

建立表单

class PostForm(FlaskForm):body = PageDownField("请输入内容", validators=[Required()])submit = SubmitField('提交')

使用bootstrap渲染html文件

{% extends 'base.html' %}
{% import 'bootstrap/wtf.html' as wtf %}{% block title %}博客
{% endblock %}{% block scripts %}{{ super() }}{{ pagedown.include_pagedown() }}
{% endblock %}{% block content %}{{ wtf.quick_form(form) }}{% endblock %}

成功，结果如下

Python-flask 使用Markdown和Flask-PageDown支持富文本文章相关推荐

11.4 使用Flask-PageDown支持富文本文章
我们编辑长文章的时候, 单一的文本格式便满足不了要求, 于是我们使用PageDown,PageDown的作用是使用javascript实现客户端markdown到html的程序转换. Flask-Pa ...
Markdown文章转化为富文本文章
使用富文本文章的平台有知乎,使用Markdown文章的有CSDN. 文章目录方法一方法二方法一想要将Markdown文章转化为富文本文章,使用这个网站:https://md.aclickall ...
AndroidRichText 让Textview轻松的支持富文本（图像ImageSpan、点击效果等等类似QQ微信聊天）...
代码地址:https://github.com/Luction/AndroidRichText AndroidRichText帮助实现像QQ,微信一样的,一个TextView里既有文字又有表情又有图片 ...
Winform Datagridview 单元格html格式化支持富文本
Winform Datagridview 单元格html格式化支持富文本示例: 源码:https://github.com/OceanAirdrop/DataGridViewHTMLCell 参考: ...
xiuno开发文档_觅道文档开始支持富文本编辑器
MrDoc(觅道文档)是州的先生基于 Python 后端编写的开源在线文档系统. 最初,觅道文档以 Markdown 书写为核心,集成了 EditorMD 和 Vditor 两大主流 Markdown ...
Python入门自学进阶-Web框架——34、富文本编辑器KindEditor、爬虫初步
KindEditor是一个轻量级的富文本编辑器,应用于浏览器客户端. 一.首先是下载:http://kindeditor.net/down.php,如下图下载后是解压缩后: 红框选中的都可以删除到 ...
【Python】matplotlib可视化必知必会富文本绘制方法
❝ 本文示例代码及文件已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes ❞ 1 简介长久以来,在使用matplotli ...
html5qq邮箱代码,使用qq邮箱批量发送邮件实例源码（支持富文本）
资源下载此资源下载价格为3D币,请先登录资源文件列表 MailSending/MailSending/App.config , 184 MailSending/MailSending/Form1.D ...
如何批量发送html邮件,使用qq邮箱批量发送邮件实例源码（支持富文本）
[实例简介] [实例截图] [核心代码] using System; using System.Collections.Generic; using System.ComponentModel; us ...

Python-flask 使用Markdown和Flask-PageDown支持富文本文章

Python-flask 使用Markdown和Flask-PageDown支持富文本文章

Python-flask 使用Markdown和Flask-PageDown支持富文本文章相关推荐

最新文章

热门文章