初次使用时候使用django-tinymyce。但是使用过程中发现功能不全,不大好用。从新google一下。发现1个http://vimeo.com/12903891。在他基础上修改。
使用环境介绍
:mac os
:django 1.5.1
:tinymce 4.0.2
操作步骤
1:生成django 项目
2:拷贝tinymce到项目
3:新建配置js文件
4:设置model
5:设置admin
6:设置url
7:done
1:不用多少
2:在 project->templates 目录下新建 js 文件夹.把 tinymce拷贝到js目录下~
3:在js目录下,新建teatareas.js 拷贝如下代码
tinyMCE.init({ // General options mode : "textareas", theme : "modern", //下面使用的是插件,在新版中可以自己修改调整 plugins : "advlist,anchor,autolink,autosave,bbcode,charmap,code,contextmenu,directionality,emoticons,fullpage,fullscreen,hr,image,insertdatetime,layer,legacyoutput,link,lists,media,nonbreaking,noneditable,pagebreak,paste,preview,print,save,searchreplace,spellchecker,tabfocus,table,template,textcolor,visualblocks,visualchars,wordcount", // // // Example content CSS (should be your site CSS) // //content_css : "/css/style.css", // template_external_list_url : "lists/template_list.js", external_link_list_url : "lists/link_list.js", external_image_list_url : "lists/image_list.js", media_external_list_url : "lists/media_list.js", // // Style formats style_formats : [ {title : 'Bold text', inline : 'strong'}, {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}}, {title : 'Help', inline : 'strong', classes : 'help'}, {title : 'Table styles'}, {title : 'Table row 1', selector : 'tr', classes : 'tablerow'} ], width: '600', height: '600' });
5:设置admin,类似下面代码
class NewsAdmin(admin.ModelAdmin): class Media: js = ('/js/tinymce/tinymce.min.js', '/js/textareas.js')
在urls.py中添加
url(r'^js/(?P<path>.*)$', 'django.views.static.serve', {'document_root': 'templates/js'}),