首页 > 代码库 > Django 配置App特定类的富文本编辑器
Django 配置App特定类的富文本编辑器
版本:Django:1.6 Python:2.7
下载TinyMCE。http://www.tinymce.com/download/download.php
解压。将其中的tinymce文件夹放在Django的静态文件目录/static/下。
在tinymce文件夹中已经有tinymce.min.js这个JS文件;我们需要做的是在当前目录下(与tinymce.min.js同级)另外新建一个tinymce_config.min.js:
填充内容如下:
tinymce.init({
selector: "textarea",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
toolbar2: "print preview media | forecolor backcolor emoticons",
image_advtab: true,
visualblocks_default_state: true,
width: 1000,
height: 400,
//content_css: "/static/blog/css/tinymce.css"
});进入tinymce/skins/lightgray/,修改skin.min.css文件,查找.mce-tinymce部分,添加一个 margin-left 参数,即改为 .mce-tinymce{visibility:visible !important;margin-left:100px; position:relative} ,即可将编辑器右移 100px,将 Label 显露出来。
在要显示富文本编辑器的类models.py下面添加如下代码:
class ArticleAdmin(admin.ModelAdmin):
list_display=("id","Title","Author","CreateDate",)
search_fields=("Title",)
class Media:
js=[‘tinymce/tinymce.min.js‘,‘tinymce/tinymce_config.min.js‘]
6.完成。
最后说一句,不同的环境肯定有多少区别,找对思路,即能完成你想要的功能。
本文出自 “蓝鳍豚” 博客,请务必保留此出处http://likunheng.blog.51cto.com/9527645/1596177
Django 配置App特定类的富文本编辑器