前端显示：

Step1:

pip3 install django-tinymce

Step2:

<script src="/static/tiny_mce/tiny_mce.js"></script>
<script>tinyMCE.init({'mode':'textareas','theme':'advanced','width':450,'height':300})
</script>

Step3:

<form action=""><label><textarea name="comment_content"></textarea></label><br><input type="submit" value="提交评论" class="btn btn-default"></form>

后端显示：

models中设置(记得迁移）：

from tinymce.models import HTMLField
import tinymceclass ArticleDetail(models.Model):"""文章详情表"""content = tinymce.models.HTMLField(verbose_name='文章详情')article = models.OneToOneField('Article', verbose_name='所属文章')

settings中设置：

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

效果图展示：

取值和赋值：

点它点它点死它！！！

补充

获取焦点：tinyMCE.activeEditor.focus();
tinyMCE.execCommand(‘mceInsertContent’, false, ‘要插入的内容’);

Django之富文本编辑器的使用，超级简单~相关推荐

11. Django 引入富文本编辑器KindEditor
打开微信扫一扫,关注微信公众号[数据与算法联盟] 转载请注明出处:http://blog.csdn.net/gamer_gyt 博主微博:http://weibo.com/234654758 Gith ...
Django框架—富文本编辑器
借助富文本编辑器,网站的编辑人员能够像使用offfice一样编写出漂亮的.所见即所得的页面此处以tinymce为例,其它富文本编辑器的使用也是类似的在虚拟环境中安装包 pip install dj ...
Django下富文本编辑器Ueditor的配置和使用
1.前言 "人生苦短,我用Python",Python作为一门"万能"的脚本语言,深受各个技术层级的程序猿的喜爱,而Django作为最受欢迎的Python的We ...
wangeditor富文本编辑器集成vod超级播放器
<template lang="html"><div class="editor" > <!-- <SelectFile&g ...
django开发: 富文本编辑器TinyMCE的默认字体大小及一键排版功能
设置TinyMCE的默认字体大小及一键排版 ckeditor没有一键排版插件,tinymce有现成的,二者基本差不多,所以选择tinymce. tinymce的默认字体太小,现有的一键排版都不涉及字体 ...
Django学习18 -- 富文本编辑器（Rich Edit）
1. 富文本编辑器,Rich Edit CharField,单行文本(Django默认) TextField,多行文本(Django默认) 富文本编辑器是能显示(编辑)图文效果的输入控件 2. Dja ...
vue-quill-editor：富文本编辑器使用
富文本编辑器如下所示,比如在微信公众号写文章时会看到. 富文本编辑器就是一个超级textarea,包含大量功能,类似word工具. 文章介绍的是一个富文本编辑器UI组件库vue-quill-edito ...
富文本编辑器（超简单的）
问题:一天,新进公司的前端同事(之前主微信小程序的)问我富文本编辑器有没有做过,妈耶,我这么新的萌新这么可能做出那种牛x的东西,实话实说后同事表示理解,不过好不容易有个妹子来找我帮忙这么能认怂,于是搜 ...
django 与百度 ueditor 富文本编辑器集成
django 是基于 python 的一个很好的web开发框架.ueditor 是百度开源的一个富文本编辑器.有很好的用户体验,很适合中国人使用的一个编辑器. 在使用ueditor 之前,我集成过 f ...

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

前端显示：

Step1:

Step2:

Step3:

后端显示：

models中设置(记得迁移）：

settings中设置：

效果图展示：

取值和赋值：

补充

Django之富文本编辑器的使用，超级简单~相关推荐

最新文章

热门文章