简介
借助富文本编辑器，管理员能够编辑出来一个包含html的页面，从而页面的显示效果，可以由管理员定义，而不用完全依赖于前期开发人员
下载安装
pip install django-tinymce==2.4.0
安装到项目中
在 settings.py 中为INSTALLED_APPS添加编辑器应用
INSTALLED_APPS = (
...
'tinymce',
)
在 setting.py 中添加配置项
TINYMCE_DEFAULT_CONFIG = {
'theme': 'advanced',
'width': 600,
'height': 400,
}
配置url
在根目录的urls.py中配置
urlpatterns = [
...
url(r'^tinymce/', include('tinymce.urls')),
]
在模型中应用
from django.db import models
from tinymce.models import HTMLField
class GoodsInfo(models.Model):
...
content = HTMLField()
创建模板
<!DOCTYPE html>
<html>
<head>
<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':400,
'height':100
});
</script>
</head>
<body>
<form method="post" action="/content/">
<input type="text" name="name">
<br>
<textarea name='content'>输入您要写的内容</textarea>
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
使用了富文本编辑器，在显示的时候注意加过滤器
<div class="tab_content">
<dl>
<dt>商品详情：</dt>
<dd>{{ g.content|safe }}</dd>
</dl>
</div>
网友评论