如何在Django Xadmin中集成Ueditor

Ueditor是由百度开发的一个开源的富文本编辑器，有人做了一个将其集成到Django中的方案（请戳），但是在xadmin中却无法正常加载编辑器。

其使用了一个模板用来呈现Ueditor的编辑界面

<textarea name={{ UEditor.name }} id=id_{{ UEditor.name }}
style="display:inline-block;width:{{ UEditor.width }}px;
{{ UEditor.css }}">{{UEditor.value}}</textarea>
<script type="text/javascript">
     var id_{{ UEditor.name  }}= new baidu.editor.ui.Editor({
         "UEDITOR_HOME_URL":"{{ STATIC_URL }}ueditor/",
         {% ifnotequal UEditor.toolbars None %}"toolbars":{{ UEditor.toolbars|safe }}
         ,{% endifnotequal %}
         "imageUrl":"/ueditor/ImageUp/{{ UEditor.imagePath }}",
         "imagePath":"{{ MEDIA_URL }}{{ UEditor.imagePath }}",
         "scrawlUrl":"/ueditor/scrawlUp/{{ UEditor.scrawlPath }}",
         "scrawlPath":"{{ MEDIA_URL }}{{ UEditor.scrawlPath }}",
         "imageManagerUrl":"/ueditor/ImageManager/{{ UEditor.imageManagerPath }}",
         "imageManagerPath":"{{ MEDIA_URL }}{{ UEditor.imageManagerPath }}",
         "catcherUrl":"/ueditor/RemoteCatchImage/{{ UEditor.imagePath }}",
         "catcherPath":"{{ MEDIA_URL }}{{ UEditor.imagePath }}",
         "fileUrl":"/ueditor/FileUp/{{ UEditor.filePath }}",
         "filePath":"{{ MEDIA_URL }}{{ UEditor.filePath }}",
         "getMovieUrl":"/ueditor/SearchMovie/"
         {% ifnotequal UEditor.options '' %},{{ UEditor.options|safe }}{% endifnotequal %}
     });
     id_{{UEditor.name}}.render('id_{{ UEditor.name }}');
     id_{{UEditor.name}}.addListener('ready',function(){
         id_{{UEditor.name}}.setHeight({{ UEditor.height }});
     });
</script>

本栏目更多精彩内容：http://www.bianceng.cnhttp://www.bianceng.cn/webkf/tools/

我发现在xadmin中是可以正常加载这段模板的，于是怀疑是否是js的问题，因此在script中加入了几个alert，结果发现在

id_{{UEditor.name}}.render('id_{{ UEditor.name }}');

之后的alert没有弹出，却是是因为js加载的问题。

因此可能的原因是在class Media中声明的静态文件加载顺序比较靠后，导致Ueditor的js代码无法执行，所以我在上面那段模板中加入了

<script type="text/javascript" src="/static/ueditor/editor_config.js"></script>
<script type="text/javascript" src="/static/ueditor/editor_all_min.js"></script>

然后ueditor就可以正常工作了。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索ueditor
， ueditor编辑器
， xadmin字段权限
， name
， filepath
， invalid media id
， ueditor ueditor
， ueditor 
， ueditor没有加载
， ext + baidu ueditor
， UEditor JSP WEB开发
， UEditor编辑Bug
， 模板无法加载
ueditor1.2.6
xadmin 集成 ueditor、django xadmin、django xadmin 教程、django xadmin 安装、django 1.10 xadmin，以便于您获取更多的相关知识。