django中嵌入百度editor插件

1、安裝和配置步驟：

一、先下載百度ueditor插件，並安裝pip install DjangoUeditor

二、把下載好的ueditor插件放到本身的項目中

三、配置setting

  

INSTALLED_APPS = (

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'Web',

    'DjangoUeditor',

 

)

 

四、配置url

urlpatterns = [

    url(r'^admin/', include(admin.site.urls)),

    # url(r'^ueditor/',include('DjangoUeditor.urls' )),

    url(r'^ueditor/',include(DjangoUeditor_urls)),

 

 

五、啓動你的項目，進入django後臺，便可看到百度插件編輯器

 

2、在項目的form中嵌入百度插件

一、確保你下載的百度插件已經放到你的項目中，如statics目錄下的pugins目錄中

二、在前端中加入渲染插件腳本（form）

<div  id=id_content name="content" class="edui-default" style="display: inline-block;" >

                     <div id="edui1" class="edui-editor  edui-default"style="width: 1000px; z-index: 999;">

                            {{ form|safe }}

                     </div>

 
</div>

 

三、在前端中加入如下（js）

<script type="text/javascript">

 

    var id_content = UE.getEditor('id_content',{'toolbars': [['source', 'undo', 'redo', 'bold', 'italic', 'underline', 'forecolor', 'backcolor', 'superscript', 'subscript', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', 'blockquote', 'formatmatch', 'removeformat', 'autotypeset', 'inserttable', 'pasteplain', 'wordimage', 'searchreplace', 'map', 'preview', 'fullscreen'], ['insertcode', 'paragraph', 'fontfamily', 'fontsize', 'link', 'unlink', 'insertimage', 'insertvideo', 'attachment', 'emotion', 'date', 'time']], 'initialFrameWidth': 1000, 'initialFrameHeight': 300, 'serverUrl': '/ueditor/controller/?imagePathFormat=uploads%2Fimages%2F&filePathFormat=uploads%2Ffiles%2F'});

     id_content.ready(function(){

 

     });

</script>

 

注意：通常js放到頁面底部，這樣能夠減輕前端的加載速度，頁面響應速度較快