在Django中使用最新版tinymce

初次使用时候使用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'
 
});

4:跳过


5:设置admin,类似下面代码

class NewsAdmin(admin.ModelAdmin):

    class Media:
        js = ('/js/tinymce/tinymce.min.js', '/js/textareas.js')

6:添加URL

在urls.py中添加

url(r'^js/(?P<path>.*)$', 'django.views.static.serve', {'document_root': 'templates/js'}),

展示下最终效果

在Django中使用最新版tinymce_第1张图片

你可能感兴趣的:(在Django中使用最新版tinymce)