django使用富文本编辑器

后台使用

  1. 安装
    pip安装,或者使用pycharm,进行安装
  2. 应用到项目中
    #配置setting.py
INSTALLED_APPS = (
    'tinymce',
)
TINYMCE_DEFAULT_CONFIG = {
    'theme': 'advanced',
    'width': 600,
    'height': 400,
}

  #urls.py

urlpatterns = [
    ...
    url(r'^tinymce/', include('tinymce.urls')),
]

  models.py

from django.db import models
from tinymce.models import HTMLField

class HeroInfo(models.Model):
    ...
    hcontent = HTMLField()

在这里插入图片描述


前端使用

  1. 配置同后端
  2. 详细配置
    #view.py
def editor(request):
    return render(request, 'other/editor.html')

  #editer.html

<!DOCTYPE html>
<html>
<head>
    <title>练习tinymce</title>
    <!-- 不需要static目录下有 tiny_mce.js 文件,django会自己去安装目录下寻找。-->
    <script type="text/javascript" src='/static/tiny_mce/tiny_mce.js'></script>
    <script type="text/javascript">
        tinyMCE.init({
            'mode':'textareas',
            'theme':'advanced',
            'width':400,
            'height':100
        });
    </script>
</head>
<body>
<form method="post" action="/content/">
    <input type="text" name="hname">
    <br>
    <textarea name='hcontent'>练习,练习</textarea>
    <br>
    <input type="submit" value="提交">
</form>
</body>
</html>

  定义视图,接收hcontent

def content(request):
    hname = request.POST['hname']
    hcontent = request.POST['hcontent']

    heroinfo = HeroInfo.objects.get(pk=1)
    heroinfo.hname = hname
    heroinfo.hcontent = hcontent
    heroinfo.save()

    return render(request, 'other/content.html', {'hero': heroinfo})

  添加视图

urlpatterns = [
    ...
    url(r'^content/$', views.content, name='content'),
]

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值