Nodejs之編輯器ueditor

2022-02-20 05:31:11 字數 1301 閱讀 9960

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 下移一...