django-tinymce 支持富文本编辑器
来源:互联网 发布:mac虚拟安装win10还是 编辑:程序博客网 时间:2024/04/29 08:57
- 博客分类:
- django
tinymcedjango
好东西留一份,转自 http://blog.csdn.net/cugyyt/article/details/5779120
先展示一个呵呵:
流程大致如下:
1:下载最新版本的tinymce
2:解压然后把tinymce放到你的meida目录下,我放在media下的js文件夹里(media和js如果没有自己创建),结构下:
3:编辑urls.py,在urlpatterns中添加(r'^site_media/(?P<path>.*)$', 'django.views.static.serve', {'document_root': 'media'})
4:在PostAdmin设置js的路径
5:在js下添加textareas.js,其内容为:
- tinyMCE.init({
- // General options
- mode : "textareas",
- theme : "advanced",
- plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
- // Theme options
- theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect,fullscreen,code",
- theme_advanced_buttons2 : "cut,copy,paste,pastetext,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,|,insertdate,inserttime,preview,|,forecolor,backcolor",
- theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl",
- theme_advanced_toolbar_location : "top",
- theme_advanced_toolbar_align : "left",
- theme_advanced_statusbar_location : "bottom",
- theme_advanced_resizing : true,
- // 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: '700',
- height: '400'
- });
然后运行django内嵌的服务器,就ok了!!!!
这时候如果发现 富文本编辑是 英文的 ,如果想把她变成中文的 需要到 官网上下载一个 语言包
download -> language download -> 選需要的語系下載... -> copy到正確的目錄
下载后 是个这样子的 tinymce_language_pack.zip ,把该包里的内容 拷贝到 tinymce\jscripts 下.
最后一步,把调用处 设置一下语言,默认是en 不做任何设置的
tinyMCE.init({
language : "zh-cn",
...
})
0 0
- django-tinymce django支持富文本编辑器
- django-tinymce 支持富文本编辑器
- django-tinymce 支持富文本编辑器
- django + TinyMCE 实现富文本编辑器
- 为Django添加富文本编辑器TinyMCE
- Django Admin 使用 TinyMCE 富文本编辑器
- Django整合TinyMCE富文本编辑器
- Django后台整合TinyMCE富文本编辑器
- Django在admin后台集成TinyMCE富文本编辑器
- Django 1.11 admin管理使用tinymce富文本编辑器
- Java开发之富文本编辑器TinyMCE
- Ext 整合富文本编辑器Tinymce插件
- django 富文本编辑器
- Django在admin后台集成TinyMCE富文本编辑器添加上传图片功能
- django配置源码的tinymce部署环境下不显示富文本编辑器
- django添加富文本编辑器
- django admin中使用 tinymce 富文本编译器
- TinyMCE(富文本编辑器)在Asp.Net中的使用方法
- OCP知识点讲解 之 队列、资源与锁
- 安装wampserver的时候出现httpd.exe无法找到组件MSVCR100.dll。安装32位的系统下载VC10 SP1,再重新安装wamp server还是提示找不到.dll文件
- 如何让Squid Refresh_pattern 实现动态缓存时间
- net.sf.json 日期 时间 格式化 方法
- 提高系统OOP抽象以应对复杂的需求
- django-tinymce 支持富文本编辑器
- 微软同步框架入门之五--使用WCF同步远程数据
- linux下各种文件夹的含义
- XML开发总结
- postgresql数据库备份
- POJ 1458 Common Subsequence(最长公共子序列问题)
- 各种微博分享按钮代码
- 左旋转字符串 【微软面试100题 第二十六题】
- Android 仿订单出票效果 (附DEMO)