Django之富文本(获取内容,设置内容方式)

更多编程教程请到:菜鸟教程 https://www.piaodoo.com/

友情链接:

高州阳光论坛https://www.hnthzk.com/ 人人影视http://www.sfkyty.com/

富文本

1、Rich Text Format(RTF)

微软开发的跨平台文档格式,大多数的文字处理软件都能读取和保存RTF文档,其实就是可以添加样式的文档,和HTML有很多相似的地方

图示

2、tinymce插件

安装插件

pip install django-tinymce

配置插件

使用

后台管理中

页面中使用

3、在后台管理中使用

配置settings.py文件

添加默认配置

TINYMCE_DEFAULT_CONFIG = {

使用高级主题,备选项还有简单主题

‘theme’: ‘advanced’,

‘theme’: ‘simple’,

‘width’: 800,
‘height’: 600,

汉化

‘language’: ‘zh’,

自定义常用的固定样式

‘style_formats’: [
# title=样式名称
# styles=自定义css样式
# inline:xxx = 将加样式后的文本放在行内元素中显示
# block:xxx = 将加样式后的文本放在块级元素中显示
{‘title’: ‘Bold text’, ‘inline’: ‘b’},
{‘title’: ‘Red text’, ‘inline’: ‘span’, ‘styles’: {‘color’: ‘#ff0000’}},
{‘title’: ‘Red header’, ‘block’: ‘h1’, ‘styles’: {‘color’: ‘#ff0000’}},
{‘title’: ‘Example 1’, ‘inline’: ‘span’, ‘classes’: ‘example1’},
{‘title’: ‘Example 2’, ‘inline’: ‘span’, ‘classes’: ‘example2’},
{‘title’: ‘Table styles’},
{‘title’: ‘Table row 1’, ‘selector’: ‘tr’, ‘classes’: ‘tablerow1’}
],
}

创建模型类

注册模型

admin.site.register

4、在普通页面使用

使用文本域盛放内容

添加脚本

本质上还是使用html的样式。

5、利用js获取富文本内容和设置内容给富文本

补充知识:Django中Form的Textarea字段

开始以为是这个样子:

查看文档发现是:

以上这篇Django之富文本(获取内容,设置内容方式)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持菜鸟教程www.piaodoo.com。

文章知识点与官方知识档案匹配,可进一步学习相关知识Python入门技能树Web应用开发 Django208951 人正在系统学习中

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年11月20日
下一篇 2020年11月20日

相关推荐