ueditor編輯器的使用說明。 最近在找nodejs前台介面可以編輯文字發表文章的工具,後來找到了ueditor,感覺還不錯,就拿來使用了一下,使用過程如下。
示例中使用的是1.4.3完整版。
新建專案ueditors並支援ejs模板,
然後修改ejs檔案的字尾名為html,
前面文章都有說明,此處不再一一詳解。
2.匯入
在package.json中加入依賴包ueditor,並npm install,
public目錄是開啟埠後預設找到的目錄,
若想放到其他目錄,修改下面這句即可。
3.使用
因為只是簡單的示例,這裡我們直接從ueditor下的_examples中複製completedemo.html中的**到
我們的views目錄下的index.html檔案中。然後修改要匯入js檔案的src
圖中為我ueditor檔案所在的位置,及我的路徑
然後修改ueditor.config.js檔案,修改內容如下
修改editor_api.js檔案,editor_api.js是載入所有js依賴的檔案,修改如下:
,即可看到文字編輯框介面。
4.配置後台,上傳
該配置用於接收前台介面上傳單張及多張的請求。
需要在ueditor中建立乙個image資料夾,用以儲存上傳的。
需要配置config.json檔案,直接將php目錄中的config.json複製出來就行。
配置好後重新啟動,應該就能上傳了。
5.注意事項
1.之前在使用時出現的大部分問題,都是匯入js檔案,路徑出現的問題。碰到這種情況,開啟開發者工具,導
入js檔案時會傳送get請求,檢視請求位址在哪,然後除錯,一般都能解決。
2.editor_api.js中匯入js依賴檔案時,是以同步的方式匯入,而且document.write也會產生一部分問題,假如你
只使用ueditor,當然沒問題,但是如果你還要在之前匯入其它js檔案,則之前匯入的檔案可能會被清空。
3.關於js的同步及非同步,以後會另開一篇文章討論。
4.簡單的專案demo位址在:
Django中使用富文字編輯器Uedit
官方github 有詳細的安裝使用教程 djangoueditor from django.conf.urls import url,includeurlpatterns 富文字相關url url r ueditor include djangoueditor.urls 在需要使用富文字的字段所在的...
webstorm編輯器中用nodejs連線資料庫
前幾天做學校的乙個作業,又忘記了怎麼去連線資料庫,所以想寫一篇部落格來記住,如果能幫到大家的話就更好了 我的專案是用的ajax,例如在html裡的script中寫 然後再在我的index.js中寫相應的 最後怎麼執行呢?還是在terminal或者專案檔案的cmd裡輸入命令 js 上面我的專案中就是i...
使用編輯之vim編輯器
一,安裝vim基礎包 sudo apt get install vim 二,vim基礎 1.兩種模式 普通模式和插入模式。在普通模式中,vim編輯器會將按鍵解釋成命令。在普通模式下,可以通過按下i或者a進入插入模式,按esc鍵回到普通模式。2.普通模式下的一些快捷使用鍵 h 左移乙個字元 j 下移一...