后台使用
- 安装
pip安装,或者使用pycharm,进行安装 - 应用到项目中
#配置setting.py
INSTALLED_APPS = (
'tinymce',
)
TINYMCE_DEFAULT_CONFIG = {
'theme': 'advanced',
'width': 600,
'height': 400,
}
urlpatterns = [
...
url(r'^tinymce/', include('tinymce.urls')),
]
from django.db import models
from tinymce.models import HTMLField
class HeroInfo(models.Model):
...
hcontent = HTMLField()
前端使用
- 配置同后端
- 详细配置
#view.py
def editor(request):
return render(request, 'other/editor.html')
#editer.html
<!DOCTYPE html>
<html>
<head>
<title>练习tinymce</title>
<!-- 不需要static目录下有 tiny_mce.js 文件,django会自己去安装目录下寻找。-->
<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="hname">
<br>
<textarea name='hcontent'>练习,练习</textarea>
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
定义视图,接收hcontent
def content(request):
hname = request.POST['hname']
hcontent = request.POST['hcontent']
heroinfo = HeroInfo.objects.get(pk=1)
heroinfo.hname = hname
heroinfo.hcontent = hcontent
heroinfo.save()
return render(request, 'other/content.html', {'hero': heroinfo})
添加视图
urlpatterns = [
...
url(r'^content/$', views.content, name='content'),
]