温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

富文本编辑器

发布时间:2020-08-25 15:48:03 来源:网络 阅读:344 作者:qq5ce69b6b60f8f 栏目:开发技术

Django 的富文本编辑器

想要用 首先 下载

pip install django-tinymce

创建应用
python manage.py startapp task_1

创建模型

from django.db import models
from tinymce.models import HTMLField
class MessageInfo(models.Model):
    username = models.CharField(max_length=20)
    email = models.EmailField(blank=True, null=True)
    subject = models.CharField(max_length=50)

    info = HTMLField()

在settings中注册应用

INSTALLED_APPS = [
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',

    #需要使用到第三方的静态资源  必须注册应用
    `'tinymce'`

]****

生成迁移文件:根据模型 类生成sql语句
python manage.py makemigrations

执行迁移:执行sql语句生成数据表
python manage.py migrate

tinymce配置

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

配置项目URL

from django.conf.urls import url
from . import views
app_name= 'blog'

urlpatterns = [

    url(r'^contactus/$', views.contactus, name='contactus'),
]

编写视图函数

from django.shortcuts import render
from .models import MessageInfo

def contactus(request):
    if request.method == 'GET':
        return render(request, 'contact.html')
    elif request.method == 'POST':
        x = MessageInfo()
        x.username = request.POST['name']
        x.email = request.POST['email']
        x.subject = request.POST['subject']
        x.info = request.POST['message']
        x.save()
        return render(request, 'index.html')
**编写模板文件    **
    <!DOCTYPE html>
<html>
    <head>
        <title>Black & White</title>

        <!-- meta -->
        <meta charset="UTF-8">

        <script src="/static/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript">
          tinyMCE.init({
              'mode':'textareas',
              'theme':'simple',
              'width': '100%' ,
              'height':100
          });
        </script>
    </head>
    <body>
        <div>
            <form action="{% url 'blog:contactus' %}" method="post">
                    <input type="text" name="name" placeholder="姓名" required>
                    <input type="email" name="email" placeholder="邮箱" required>
                    <input type="text" name="subject" placeholder="建议标题" required>
                    <textarea name="message" rows="7" placeholder="输入你的建议"></textarea>
                    <button type="submit">提交</button>``
            </form>
        </div>
    </body>
</html>
向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI