Django 1.11 admin管理使用tinymce富文本编辑器

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