Django下富文本编辑器Ueditor的配置和使用

1、前言

“人生苦短，我用Python”，Python作为一门“万能”的脚本语言，深受各个技术层级的程序猿的喜爱，而Django作为最受欢迎的Python的Web开发框架，其结构化的“MTV”开发模式，高效率的开发，程序猿们爱不释手。但是相比于传统开发语言，python出生的时间并不长，Django框架本身更是如此。虽然好用，但是能用的第三方资源并不多。最常见的富文本编辑器 就是如此，好用并且实用的工具并不多，好在，接下来要介绍的富文本编辑器Ueditor是其中的一款

Ueditor是一套由百度开发的开源在线HTML编辑器，详情请见：http://ueditor.baidu.com/website/，本文重点介绍在Django下Ueditor的配置和使用。

需要注意的是，Ueditor的Python Django版本，由第三方开发者提供，并被挂载在github上，由zhangfisher来维护，可以去github上下载，github的下载链接为：https://github.com/zhangfisher/DjangoUeditor/blob/master/readme.md

github上的ueditor版本是可以直接下载并运行的，我们目前下载如图所示版本

2、调试github源代码

（1）下载到本地后，可以看到他的目录结构如下图：

（2）可以直接在工程中运行该项目，当然，首先是需要做数据库迁移的：

在命令行中，输入以下命令：

<span style="font-size:18px;">python manage.py syncdb</span>

注：会出现一些警告提示，主要是django版本的问题（调试环境为Django 1.7），暂时忽略。

（3）调试运行该项目

在命令行中，输入命令：

<span style="font-size:18px;">Python manage.py runserver 8080</span>

此时就已经可以运行了，

在浏览器中，输入http://127.0.0.1/test/，可以看到Ueditor运行的画面

同时，图片上传功能也可以使用，如下

这时，Ueditor的调试就到这里。

3、Ueditor在实际项目中的使用

这时使用github中的实际项目来用，但是在实际项目中，更多的是“导入”Ueditor“到实际项目中，这时需要更改的配置比较多，我们从新建一个项目开始，一步一步教大家使用Ueditor。

3.1 当然，先是创建一个项目django-admin.py startproject editor_test

3.2 在setting.py文件中，INSTALLED_APPS中添加“DjangoUeditor”和“editor_test”，并将从github上下载的DjangoUeditor下载到的Django文件夹复制到project的根目录