码迷,mamicode.com
首页 > 其他好文 > 详细

Django-富文本的使用

时间:2020-02-08 09:55:51      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:bsp   ken   return   text   height   mode   config   需要   ati   

1、在Django中使用富文本首先需要安装插件,这里我们选择tinymce插件

pip install django-tinymce

2、然后在setting里面注册

INSTALLED_APP = [
    tinymce,
]


TINYMCE_DEFAULT_CONFIG = {
    theme: advanced,
    width: 800,
    height: 600,
}

3、在HTML页面使用,创建模型类, 也可在admin后台使用

# 创建模型类
from tinymce.models import HTMLField

class Blog(models.Model):
    sBlog = HTMLField()

# 配置站点
admin.site.register

4、建立url链接, 将tinymce渲染到HTML页面中去

# 先在模板里面加载static
{% load static%}

# 在<head>标签里面加载js
<script type="text/javascript" src="/static/tiny_mce.js"></script>
<script type="text/javascript">
     tinyMCE.init({
        mode: textareas, 
        theme: advanced,
        width: 800,
        height: 600,
    })
</script> 

# mode 绑定的控件    theme 绑定的主题

页面中用form表单提交

<form action="{% url ‘app:edit_blog‘ %}" method="post">
    {% csrf_token %}
    <textarea name="content">

    </textarea>
  <button>保存</button>
 </form>

在views.edit_blog中  如果是get请求,则调用这个页面

如果是post过来的保存请求, 就存入数据库

 

elif request.method == POST:
    content = request.POST.get("content")
    blog = Blog()
    blog.b_content = content
    blog.save()
    return HttpResponse("保存博客成功")

 

Django-富文本的使用

标签:bsp   ken   return   text   height   mode   config   需要   ati   

原文地址:https://www.cnblogs.com/djflask/p/12275459.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!