Django7 富文本编辑器

最新推荐文章于 2024-08-10 00:01:54 发布

weixin_40354992

最新推荐文章于 2024-08-10 00:01:54 发布

阅读量65

点赞数

分类专栏： 5-web 文章标签： django

本文链接：https://blog.csdn.net/weixin_40354992/article/details/104933916

版权

5-web 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

pip install -i https://pypi.mirrors.ustc.edu.cn/simple/ django-tinymce

settings

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'App.apps.AppConfig',
    'tinymce' # 安装
]

#富文本编辑器的配置
TINYMCE_DEFAULT_CONFIG = {
    'theme':'advanced',
    'width':600,
    'height':400
}

urls

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',include("App.urls")),
    path('tinymce/', include('tinymce.urls')),
]

App.urls

from django.urls import path

from App import views
app_name = 'App'
urlpatterns = [
    path('edit/', views.edit, name='edit'),
]

App.views

from django.shortcuts import render

def edit(request):
    if request.method == 'POST':
        print(request.POST.get('content'))
    return render(request,'article.html')

article.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="/static/tiny_mce/tiny_mce.js"></script>
    <title>Document</title>
    <script>
        tinyMCE.init({
            'mode':'textareas',
            'width':800,
            'height':600,
        })
    </script>
</head>
<body>
<form action="{% url 'App:edit' %}" method="post">
    {% csrf_token %}
    <textarea name="content" id="" cols="30" rows="10"></textarea>
    <br>
    <input type="submit">
</form>
</body>
</html>

weixin_40354992

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django7 富文本编辑器

pip install -i https://pypi.mirrors.ustc.edu.cn/simple/ django-tinymcesettingsINSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'djang...
复制链接

扫一扫

专栏目录