Django 1.11 admin管理使用tinymce富文本编辑器
一 问题引入
django项目开发过程中需要使用富文本编辑器,选用了比较熟悉和简单的tiny_mce, 最开始使用的是现有的安装包django_tinymce,这是一个比较简单的富文本编辑器,可以通过如下方式安装:
pip install django_tinymce
存在的问题:该包比较简易,在advance模式下默认不能修改字体和大小,没有找到可行的解决方案,遂放弃,改用源码的方式。以下详细记录源码使用的过程和相关配置。
二 下载安装
使用的tiny_mce为老版本下载地址3.5.2,下载地址如下https://www.tinymce.com/download/older-releases/.解压下载后的安装包后其中存在两个文件夹和一个文件,分别为examples、jscripts、changelog.txt。
三 使用tiny_mce
1 创建工程,建立media目录
创建工程过程,注册相应的app,创建media目录,过程略,结果如下:
2 引入tiny_mce相关文件
将第一布中的jscripts文件夹拷贝到media目录下,更名为js,在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_butt