Django使用富文本编辑器tinymce

(1) 安装

pip install django-tinymce

(2) 修改settings.py文件, 在INSTALLED_APP中添加tinymce

INSTALLED_APPS = [
	...
	'tinymce', 
]

(3) 在settings.py文件结尾添加

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

(4) 创建模型类(在models.py文件中)

from tinymce.models import HTMLField

class Text(models.Model):
    content = HTMLField()

(5) 进行文件迁移

./manage.py makemigrations
./manage.py migrate

(6) 配置站点

# 在admin.py中添加
from myApp.models import Text

admin.site.register(Text)

(7) 访问http://localhost:8000/admin/登录后,选择Text可以看到配置的富文本

(8) 还可以在模板中使用

<html>
	<body>
	# 添加js, 不用手动自己添加
	<scipt src='{% static 'tiny_mce/tiny_mce.js'%}'></script>
	<script>
	tinyMCE.init({
	    'mode':'textareas',
	    'them':'advanced',
	    'width':800,
	    'height':600
	})
	</script>
	<textarea name="content"></textarea>
	</body>
</html>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值