django后台集成富文本编辑器Tinymce的使用

富文本编辑器Tinymce是使用步骤：

1、首先去python的模块包的网站下载一个django-tinymce的包

2、下载上图的安装包，然后解压，进入文件夹，执行：

（pychrm直接运行命令pip install django_tinymce直接下载安装）

安装完成之后，就可以在C:\python3.6\Lib\site-packages这个文件夹。

点击进入文件夹，copy“tinymce”这个文件到你的项目的根目录下。

3、配置tinycmce到你的项目中，配置到admin数据库插入的后台中去

在settings.py中为INSTALLED_APPS添加编辑器应用

在settings.py中添加编辑配置项主要是些默认的属性配置设置编辑框的宽和高:

1 TINYMCE_DEFAULT_CONFIG = {
2     'theme': 'advanced',
3     'width': 600,
4     'height': 400,
5 }

在settings里面的urls.py中配置 url(r'^tinymce/', include('tinymce.urls')),

4、在代码中使用tinymc

from django.db import models

5 from tinymce.models import HTMLField 6 7 class MyModel(models.Model):9 content = HTMLField(‘正文’)

5、效果如图所示

转载于:https://www.cnblogs.com/lmh001/p/9218872.html

django后台集成富文本编辑器Tinymce的使用相关推荐

django快速集成富文本编辑器wangeditor
django快速集成富文本编辑器wangeditor django是python栈一款优秀的web开发框架,也是python栈web开发框架中使用占比最高的开发框架,至于其是否足够优秀不言自明,自带的 ...
java集成富文本编辑器UEditor
JAVA集成富文本编辑器UEditor 集成前说明集成UEditor 一.UEditor下载二.UEditor迁入项目三.引入ueditor中的js 四.初始化UEditor 五.实现图片上传 ...
Django学习18 -- 富文本编辑器（Rich Edit）
1. 富文本编辑器,Rich Edit CharField,单行文本(Django默认) TextField,多行文本(Django默认) 富文本编辑器是能显示(编辑)图文效果的输入控件 2. Dja ...
kind富文本编辑器_在项目中集成富文本编辑器
前言现在学程序的都离不开 Markdown 语法了吧,Markdown 已经成为典型的转换为HTML的非正式规范和参考实现,现在市场上也出现了许多Markdown实现,在基本语法之上额外增加了 ...
yii2 html编辑器,浅析Yii2集成富文本编辑器redactor实例教程
在上篇文章给大家介绍了如何在yii2中集成百度编辑器umeditor以及如何解决umeditor上传图片问题. 今天我们来谈谈yii2集成另外一个强大好用的富文本编辑器Redactor,个人觉得Red ...
富文本编辑器tinymce 自定义中文字号（四号，小四，五号，小五等）
富文本编辑器tinymce 自定义中文字号(四号,小四,五号,小五等) 前因探索最终解决最终效果关键代码前因在写富文本编辑器转换word的过程中,因为所使用的富文本编辑器tinymce中的 ...
Flask博客实战 - 集成富文本编辑器Quill
富文本编辑器Quill 为什么需要集成富文本编辑器? 一个博客最主要的功能是什么,那就是写作,如果不能对我们发布的内容进行排版美化,那么我们所发布的内容又有什么意义? 对于阅读者来说也是非常的不友好和 ...
Django项目中集成富文本编辑器的通用方法,适合KindEditor,xhEditor,NicEditor,wymeditor等 .
首先,请参考我以前写的一篇博客:如何把nicEditor集成到django中使用 http://blog.csdn.net/huyoo/article/details/4382317 这篇文章中的做法 ...
【富文本编辑器功能】vue实现富文本编辑器Tinymce功能，保留编辑器格式文章展示在页面上【前后端代码展示，简单好用】
前言: 这个Tinymce富文本编辑器是vue-element-admin内集成好的,使用过后体验非常不错,很简单易用.这里分享一下,同时又看到了网上帖子都没什么人写前后端同时展示的,很多人想知道编辑 ...
Vue 自定义富文本编辑器 tinymce 支持导入 word 模板
自定义富文本编辑器分为前端项目和后端项目两个部分,首先先说一下前端项目前端前端项目地址: https://github.com/haoxiaoyong1014/editor-ui 编辑器名称: t ...