tp3 2整合ueditor富文字編輯器

2021-08-02 12:13:50 字數 1403 閱讀 6964

在專案裡做文章管理時,使用富文字編輯器比較方便,主要是多上傳比較方便,第一次使用,感覺無從下手,這裡記錄一下我的方法

3.然後到view檔案下的要使用富文字編輯器的頁面進行初始化(引入js檔案,進行設定),這裡ue.geteditor 中的 info 就是 textarea的id名稱

到這裡就初始化完成了,到頁面重新整理就會看到富文字編輯器的框框

4.如果你是在本機上沒有設定站點的情況下進行測試,編輯器已經可以使用了,因為富文字編輯的預設的儲存位址是自動建立的,而且建立的位置是和你的專案同級的位置

5.當你要把專案上傳到伺服器之後,你會發現儲存出現問題了,這是因為儲存的資料夾在專案外面,就新增不上,這時就需要修改富文字編輯的配置,找到config.json檔案,如圖位置

開啟配置檔案,找到imageurlprefix,填寫你的網域名稱,這樣儲存的資料夾就建在了專案裡面,而不是和專案同級的位置,這樣就可以上傳成功了。(儲存的資料夾是自動建立的)

這裡需要注意的是,富文字編輯器儲存的時候是連標籤一起存進資料庫的,所以查詢資料庫之後顯示在頁面時需要對內容進行處理,使用:htmlspecialchars_decode(),如圖

我設定的比較簡單,傳和內容都沒有問題,網上也有很多設定方法,serverurl好像也可以,但是我沒有親測過,感覺那個比較麻煩,本人也是新人一枚,還在程式設計的道路中摸索,這裡也希望大神能指點一二!

tp5 整合 layui富文字編輯器

一睹芳容 css css目錄 modules 模組css目錄 一般如果模組相對較大,我們會單獨提取 laydate layer default layim skin font 字型圖示目錄 images 資源目錄 一些表情等 face lay js目錄 dest 經過合併的完整模組 modules ...

edui 富文字編輯 ueditor整合秀公尺編輯器

由於工作需求富文字編輯器中要用到秀公尺外掛程式 找了官方和一些部落格介紹的都不太全,於是自己整理了一下 其次在xiumi ue dialog v5.js中將iframeurl配置為 editor.ui.ueditor home url dialogs xiumi ue dialog v5.html ...

富文字編輯器UEditor

獲取編輯器的內容 action find getinfo click function 清空編輯器的內容 action find clearinfo click function 給編輯器賦值 action find setvalueinfo click function en class acti...