富文本编辑器-创新互联

Django 的富文本编辑器

创新互联公司于2013年成立，是专业互联网技术服务公司，拥有项目成都做网站、成都网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元萨尔图做网站,已为上家服务,为萨尔图各地企业和个人服务,联系电话:13518219792

想要用首先下载

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>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

新闻标题：富文本编辑器-创新互联
本文地址：https://www.cdcxhl.com/article42/cdsjec.html

成都网站建设公司_创新互联，为您提供微信公众号、静态网站、ChatGPT、品牌网站建设、网站营销、移动网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容