后台管理-富文本

227次阅读

共计 993 个字符，预计需要花费 3 分钟才能阅读完成。

安装

pip install django-tinymce

配置 settings.py 文件

 INSTALLED_APPS = [
  ...
  'tinymce',
]
 
TINYMCE_DEFAULT_CONFIG = {'theme':'advanced',
    'width':600,
    'height':400, 
}

创建一个模型类

 from tinymce.models import HTMLField
class Posts(models.Model):
  	title = models.CharField(max_length=20, default='标题')
    article = HTMLField()
    class Meta:
      db_table = 'posts'

进行文件迁移

python manage.py makemigrations
python manage.py migrateas

配置站点

admin.py 文件
```
 from .models import Posts
admin.site.register(Posts)
```
python manage.py createsuperuser #创建站点用户

依次输入用户名、邮箱、密码

在自定义视图中使用

 {% load static from staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 富文本 </title>
    <script type="text/javascript" src="/static/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
        tinyMCE.init({'mode':'textareas',
            'theme':'advanced',
            'width':800,
            'height':600,
        })
    </script>
</head>
<body>
    <form action="" method="post">
      	<p> 标题：<input type="text" name="title" placeholder="请输入标题"></p>
        <textarea name="article" placeholder="请输入文章内容"></textarea>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>

正文完

星哥玩云-微信公众号

后台管理-富文本

发表至： python语言

2022-05-26

0

转载说明：除特殊说明外本站文章皆由CC-4.0协议发布，转载请注明出处。

flask扩展 flask-caching

高阶应用-缓存

后台管理-富文本

一、安装与配置

二、使用

基于Docker快速搭建一个开源的IT人员在线工具箱-it-tools

让每个人都可以轻松使用Git-腾讯自研Git客户端

使用Docker部署开源的WPS-Office

如何安装官方ChatGPT桌面软件，支持Windows和MacOS系统

自建私有云相册：Docker一键部署Immich，照片视频备份利器

人工智能实现电脑任务自动化的开源软件

细述：GoAccess实时日志监控

Ollama模型导入指南，从HuggingFace下载模型轻松上手

火山引擎免费使用DeepSeek大模型满血版

Centos之赛门铁克存储搭建

	INSTALLED_APPS = [
	...
	'tinymce',
	]

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

	from tinymce.models import HTMLField
	class Posts(models.Model):
	title = models.CharField(max_length=20, default='标题')
	article = HTMLField()
	class Meta:
	db_table = 'posts'

	{% load static from staticfiles %}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title> 富文本 </title>
	<script type="text/javascript" src="/static/tiny_mce/tiny_mce.js"></script>
	<script type="text/javascript">
	tinyMCE.init({'mode':'textareas',
	'theme':'advanced',
	'width':800,
	'height':600,
	})
	</script>
	</head>
	<body>
	<form action="" method="post">
	<p> 标题：<input type="text" name="title" placeholder="请输入标题"></p>
	<textarea name="article" placeholder="请输入文章内容"></textarea>
	<input type="submit" value="提交"/>
	</form>
	</body>
	</html>

	from .models import Posts
	admin.site.register(Posts)