700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Django下富文本编辑器Ueditor的配置和使用

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

时间:2019-12-30 20:23:00

相关推荐

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

1、前言

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

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

需要注意的是,Ueditor的Python Django版本,由第三方开发者提供,并被挂载在github上,由zhangfisher来维护,可以去github上下载,github的下载链接为:/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的根目录

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。