我的网站搭建: (第十天) Ueditor后台编辑器

    之前说过，我的网站编辑器一开始是tinymce，然后才用的ckeditor。可是最近我发现，ckeditor的小图标不是很美观，看久了有点low的样子。我是不是应该换一个编辑器呢，一想到这里，马上打开谷歌搜索有没有更加美观的富文本编辑器。翻了几页发现，才发现百度Ueditor编辑器就很不错，其实之前我就了解过，但是并没有学习去怎么使用，这回好了，换个富文本编辑器顺便把Ueditor给学会了

安装及使用

1.Ueditor其实对python2和python3有一定的区别，在写程序时想通过Django的form表单顺便把评论框也改成Ueditor，但是没有将其实现却发现了错误提示为：

from widgets import UEditorWidget,AdminUEditorWidget 
ImportError: No module named ‘widgets’

    经查发现，DjangoUeditor是基于Python 2.7的，对Python3的支持有问题。导致widgets.py文件出错，不能import，解决方法可以修改widgets.py或者采用网上修改好的版本DjangoUeditor3，github就有很多Ueditor的代码，有些不能直接使用，可能太久没更新了吧，然后才找到了:https://github.com/twz915/DjangoUeditor3

2.使用git下载后，输入如下命令将源码安装到Python路径中

python3 setup.py install

3.将DjangooUeditor添加到Django的INSTALLED_APPS中

4.在blog下的models.py文件导入

from DjangoUeditor.models import UEditorField

# 将之前ckeditor
body = RichTextUploadingField()

# 改为
body =  UEditorField(u'内容',width=1100, height=300, toolbars="full", imagePath="images/", filePath="files/", upload_settings={"imageMaxSize":1204000},)

5.进入admin后台管理页面，可以看到这时编辑器已经换了个装

6.去掉百度编辑器 ueditor 元素路径、字数统计等

    在百度编辑器 ueditor 根目录下： ueditor.config.js 文件中

    搜索并将参数elementPathEnabled设置成false即可

    常用功能开关如下：

• ,elementPathEnabled : false　　//是否启用元素路径，默认是true显示

• ,wordCount:false          //是否开启字数统计

• ,autoHeightEnabled:false　　// 编辑器内容，是否自动长高,默认true

• ,fullscreen : false //是否开启初始化时即全屏，默认关闭

7.图标对比

    ckeditor是这样的