python flask-富文本编辑器的嵌入

富文本编辑器是用来提交大段文字的有效途径,同时也比较美观一些。下面记录下最简用法。首先是pip

pip install flask-ckeditor

安装完毕后,观察下面语句,先引入模块然后绑到app上最后就可以个调用了,最简单的取数据方法是:request.form.get(‘ckeditor’)这个就能直接拿出提交数据

from flask_ckeditor import CKEditor
ckeditor = CKEditor(app)
@app.route('/fwb', methods=['GET', 'POST'])
def fwb():if request.method == 'POST':print(request.form.get('ckeditor'))return request.form.get('ckeditor')return render_template('fuwenben.html')

配套的HTML,观察一下就会发现灰常的简单。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head><body>
<form method="post">{{ ckeditor.create() }}<input type="submit">
</form>
{{ ckeditor.load() }}
{{ ckeditor.config() }}  <!-- 这时不用设置name参数 -->
</body></html>

另外一种方式是用像wtf一样使用


from flask_wtf import FlaskForm
from flask_ckeditor import CKEditorField
from wtforms import StringField, SubmitField
# 定义类
class PostForm(FlaskForm):title = StringField('Title')body = CKEditorField('Body')submit = SubmitField('Submit')
#定义路由处理
@app.route('/fwbwtf', methods=['GET', 'POST'])
def fwb_wtf():form=PostForm()if request.method == 'POST':print(form.body.data)return form.body.datareturn render_template('fuwenbenwft.html',form=form)

配套HTML

{% extends "bootstrap/base.html" %}
{% block title %}This is an example page{% endblock %}
{% block content %}{{ super() }}
<form method="post">{{ form.title.label }}{{ form.title() }}{{ form.body.label }}{{ form.body() }}{{ form.submit() }}
</form>
{{ ckeditor.load() }}
{{ ckeditor.config(name='body') }}
{% endblock %}

总体也很简单。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/599450.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

外汇天眼:交易如何突破“知行合一”这关?

接触交易之后有无数次想要放弃交易&#xff0c;在交易中的失败实在是太痛苦了&#xff0c;有时候这种失败是打击的作为一个人的最根本的自信&#xff0c;这种失败让我质疑我自己“本就是个普通人&#xff0c;不要想太美的事情”“为什么学习这么多还是不能盈利&#xff0c;我真…

<六>Python的字符串切片及常见操作

字符串的表示 在Python里&#xff0c;可以使用一对单引号、一对双引号或者一对三个双引号、一对三个单引号表示字符串。 a "Im Tom" # 一对双引号 b Tom said:"I am Tom" # 一对单引号c Tom said:"I\m Tom" # 转义字符d Tom said:"…

行业模型与场景落地新样本,网易有道发布多款“子曰”教育大模型落地应用与产品

距离2023年7月正式发布教育大模型“子曰”不到半年时间&#xff0c;教育科技公司网易有道近日再次分享了“子曰”教育大模型创新和落地成果&#xff0c;宣布推出国内首个教育大模型“子曰”2.0版本&#xff0c;同时还发布了基于大模型研发的三大创新应用——AI家庭教师“小P老师…

11.19 校招 实习 内推 面经

绿*泡*泡&#xff1a; neituijunsir 交流裙 &#xff0c;内推/实习/校招汇总表格 1、自动驾驶一周资讯 - 理想汽车发布第三季度财报&#xff1b;小米汽车现身工信部公告&#xff1b;小鹏汽车Q3营收超85亿元&#xff1b;11月前两周新势力销量排行榜 自动驾驶一周资讯 - 理想…

第01章_C语言入门

第01章_C语言入门 讲师&#xff1a;尚硅谷-宋红康&#xff08;江湖人称&#xff1a;康师傅&#xff09; 官网&#xff1a;http://www.atguigu.com 适合对象 考研同学&#xff0c;且考试科目中包含数据结构等&#xff08;需要使用C/C写代码&#xff09;考研同学&#xff0c;考…

前端如何获取响应头Content-Disposition中的filename,获取文件类型fileType进行不同类型的文件预览

// 预览文件preview: function(item) {var vm = this;if (!item.raw) {var itemBasicId = this.form.itemBasicIdvar url =ctx + /aea/item/basic/getItemDocOrTemplateFile.do?itemBasicId=+itemBasicId+&fileType=applyTableTemplateaxios({method: GET,headers: {Autho…

简述C语言中为什么要用指针

在C语言中&#xff0c;指针的使用是非常重要的&#xff0c;主要由于以下几个原因&#xff1a; 直接访问内存&#xff1a;指针允许程序直接访问和操作内存。这使得程序能够与硬件直接交互&#xff0c;提供了对底层数据结构的更精细控制&#xff0c;这在系统编程中尤其重要。 提…

ChatGPT怎么帮我上班的

1.解放生产力 1&#xff09;标准格式&#xff0c;完美输出。GPT对于公文等具有一定标准格式的文件&#xff0c;可以进行完美仿写&#xff0c;随随便便以假乱真那都是小菜一碟&#xff0c;这对于经常要开展规范成文的人来说&#xff0c;简直就是个福音&#xff0c;只要前期调教…

ruoyi-ai 基于ruoyi-plus实现AI聊天和绘画功能-后端

基于ruoyi-plus实现AI聊天和绘画功能-后端 本项目完全开源免费&#xff01; 后台管理界面使用elementUI服务端使用Java17SpringBoot3.X ruoyi-ai: 基于ruoyi-plus实现AI聊天和绘画功能-后端 实现功能 集成OpenAi API (gpt-4-vision-preview dall-e-3)接入文生图模型&#xf…

如何快速定位php程序运行慢的地方

1 slow log日志 查看slowlog日志位置 编辑php-fpm.conf文件&#xff0c;更改或增加两行内容 slowlog /data/logs/php-slow.log request_slowlog_timeout 2 说明&#xff1a;slowlog定义日志路径和名字&#xff0c;request_slowlog_timeout定义超时时间&#xff0c;单位…

初探Linux环境配置与pyTorch学习

初探Linux环境配置与pyTorch学习 文章目录 初探Linux环境配置与pyTorch学习初探LinuxInstall vmware and ubuntuSwap sourses and typewritingLearn basic command Learn gitLearn .gitignore and git lfsgitignore忽略规则优先级忽略规则匹配语法实例不生效情况 git lfslfs作用…

【每日面试题】精选java面试题之redis

Redis是什么&#xff1f;为什么要使用Redis&#xff1f; Redis是一个开源的高性能键值对存储数据库。它提供了多种数据结构&#xff0c;包括字符串、列表、集合、有序集合、哈希表等。Redis具有快速、可扩展、持久化、支持多种数据结构等特点&#xff0c;适用于缓存、消息队列…

Java/JDK下载安装与环境配置详解

本文将详细介绍如何下载、安装Java开发工具包&#xff08;JDK&#xff09;以及进行环境配置&#xff0c;以便在计算机上顺利运行Java程序。内容包括JDK的下载、安装、环境变量配置、验证安装与配置等。 一、Java简介 Java是一种广泛使用的计算机编程语言&#xff0c;具有跨平…

uni-app 中使用定时器和取消定时器

uni-app 中使用定时器和清除定时器 uni-app 中我们应该如何使用定时器呢&#xff1f;在结束后我们该如何让清除定时器&#xff1f; 下面我们就来分享一下吧。 1、 定义一个 data(){return{timer: null} } 2、设置定时器 //选择适合需求的定时器 this.timer setTimeout( ()…

Django 7 实现Web便签

一、效果图 二、会用到的知识 目录结构与URL路由注册request与response对象模板基础与模板继承ORM查询后台管理 三、实现步骤 1. terminal 输入 django-admin startapp the_10回车 2. 注册&#xff0c; 在 tutorial子文件夹settings.py INSTALLED_APPS 中括号添加 "the…

ffmpeg 5.0版本调试 ffmpeg 5.01 static版本

ffmpeg 5.0版本调试 写法&#xff1a;ffmpeg -rtsp_transport tcp -re -i rtsp://admin:BYTtest2019192.168.1.2:554/h264/ch1/main/av_stream -q 5 -f mpegts -fflags nobuffer -c:v mpeg1video -an -s 960x540 http://127.0.0.1:12345/demo本地写法 ffmpeg -timeout 5000000…

JRTClient打开谷歌

网站默认已经启动https访问&#xff0c;这时候JRTClient发布wss需要浏览器信任证书才能访问打印。为此在JRTClient内部发布了HTTPS服务&#xff0c;有时候浏览器信任的证书会丢失或者被清理掉&#xff0c;这时候需要手工信任下&#xff0c;当然用JRTBrowser就不用信任证书&…

数据库设计——DQL

D Q L \huge{DQL} DQL ⭐⭐⭐⭐⭐ DQL&#xff1a;数据库查询语言&#xff0c;用来查询数据库中的记录&#xff0c;非常的重要&#xff0c;对于数据库的操作修改相对来讲还是较少部分&#xff0c;绝大多数操作都是数据查询。 整体的语法结构&#xff1a; 基本查询 示例&#…

FPGA项目(14)——基于FPGA的数字秒表设计

1.功能设计 设计内容及要求: 1.秒表最大计时范围为99分59. 99秒 2.6位数码管显示&#xff0c;分辨率为0.01秒 3.具有清零、启动计时、暂停及继续计时等功能 4.控制操作按键不超过二个。 2.设计思路 所采用的时钟为50M&#xff0c;先对时钟进行分频&#xff0c;得到100HZ频率…

rtsp学习记录

目录 学习资料个人rtsp仓库文章视频标准 学习资料 个人rtsp仓库 文档,标准,文章等: https://gitee.com/fedorayang/rtsp.git 文章 百度百科RTSP: https://baike.baidu.com/item/RTSP/1276768?frge_ala 流媒体协议之RTSP详解: https://zhuanlan.zhihu.com/p/622028835?ut…