django使用富文本编辑器 tinymce

原创 2018年04月16日 19:27:21

创建工程,数据中数据格式设置为 models.TextField()
此时编辑器是普通的文本框。

使用 tinymce

1、安装 django-tinymce

 pip install django-tinymce

2、INSTALLED_APPS 中添加 ‘tinymce’,

3、模型文件中导入包

from tinymce.models import HTMLField

4、设置模型成员类型:

scontend = HTMLField()

5、更改编辑器样式:
setting.py文件中增加 tinymce 的默认样式

TINYMCE_DEFAULT_CONFIG = {
    'theme': 'advanced',
    'width': 600,
    'height': 400,
}

Django后台整合TinyMCE富文本编辑器

##### 前情提要:(其实并没有什么前情) 我们已经有了一个最基本的博客应用,博客的结构如下。博客有基本的后台以及article发布功能。下面我们将后台的新建article的编辑框换成TinyMC...
  • bianer199
  • bianer199
  • 2015-10-03 00:32:11
  • 2314

Django整合TinyMCE富文本编辑器

Django版本1.7,操作系统windows 7,使用pipinstall django-tinymce下载tinymce(前提是装的python里有pip功能),当然也可以手动下载好后python...
  • yx1105842102
  • yx1105842102
  • 2015-05-18 09:35:34
  • 1531

Django在admin后台集成TinyMCE富文本编辑器

Django原生的TextField并不友好,集成TinyMCE富文本编辑器Django版本:1.11.5TinyMCE版本:4.6.7第一步:从官网下载TinyMCEhttps://www.tiny...
  • hjxzt1
  • hjxzt1
  • 2017-09-23 10:02:42
  • 235

Django在admin后台集成TinyMCE富文本编辑器添加上传图片功能

博客网站怎么能少了图片,为TinyMCE编辑器添加上传图片功能。 第一步:定义表存图片路径models.pyclass AdminIMG(models.Model):    filename = mo...
  • hjxzt1
  • hjxzt1
  • 2017-09-23 21:28:14
  • 410

为Django添加富文本编辑器TinyMCE

在后台管理Django的model时,需要为TexeArea添加
  • wcl1598593
  • wcl1598593
  • 2014-09-23 11:40:18
  • 730

django-tinymce django支持富文本编辑器

先展示一个呵呵:流程大致如下:1:下载最新版本的tinymce2:解压然后把tinymce放到你的meida目录下,我放在media下的js文件夹里(media和js如果没有自己创建),结构下:3:编...
  • cugyyt
  • cugyyt
  • 2010-07-31 18:58:00
  • 13993

Django之富文本编辑器的使用,超级简单~

前端显示:Step1: pip3 install django-tinymce Step2: tinyMCE.init({ 'mode':'textareas', ...
  • qq_33733970
  • qq_33733970
  • 2017-11-24 15:38:05
  • 924

python总结25 django 富文本编辑器加入项目中

在博客项目中加入富文本编辑器:首先我们在http://ueditor.baidu.com/website/download.html下载源码最好是下载最新版的完整源码,各种情况下都能使用解压后的文件夹...
  • wyfly69
  • wyfly69
  • 2018-03-08 18:11:23
  • 63

Pyhton日记——TinyMCE编辑器上传图片到七牛

上篇博客介绍到如何给Flask项目加上TinyMCE编辑器 这篇就给大家讲讲如何用TinyMCE的插件上传图片的七牛首先申请七牛的云储存空间需要找到几样东西 ACCESS_KEY SECRET_KE...
  • qq_32198277
  • qq_32198277
  • 2016-11-27 23:32:39
  • 949

Vue + Webpack 完美整合富文本编辑器 TinyMce

选择一个合适的富文本编辑器对于一个前端项目至关重要,这次我基于Vue来开发我项目中的前端部分,经过权衡选择了tinymce。其在UI,功能都很适合,tinymce官方文档:点击打开链接;引入tinym...
  • a610786189
  • a610786189
  • 2018-01-07 15:05:27
  • 3571
收藏助手
不良信息举报
您举报文章:django使用富文本编辑器 tinymce
举报原因:
原因补充:

(最多只允许输入30个字)