富文字中src中的key替換成網路路徑的demo

2022-02-19 04:49:35 字數 936 閱讀 2198

我們這個這個專案中的富文字編輯後要向後台 將 img中的 src 存放 的 key, 想查詢詳情的 時候還要將 key 替換回  的 網路路徑 

將  src 改成 key簡單點, 只要將 img上 自定義存key的屬性名,改成 src即可了

例:

<

img

data-key

="pickey0001"

src=""

>

只要將原來的 src 替換成 空字串,  然後將data-key 替換成 src 即可。

**:

demostring.replace(/src=.+"/g, '').replace('data-key', 'src');
將後台返回的富文字 轉回來的 demo

let imghtmlstr = `文字文字

`; let imgpattern = /]+>/g;

let matchstrarr =imghtmlstr.match(imgpattern);

console.log(matchstrarr);

let matchstrinfoarr = matchstrarr.map(item =>;

});//模擬api後 組織 matchstrinfoarr 資料, 掛載對應 的 imgsrc 字段

matchstrinfoarr.foreach((item, index) =>

});let resulthtmlstr =imghtmlstr;

//開始替換

matchstrinfoarr.foreach(item =>);

console.log("結果", resulthtmlstr);

demo:

openwrt中uhttpd替換成lighttpd

openwrt 中 附帶的http server是比較多的,uhttpd本身是不支援php功能的,如果要使用php功能可以選擇lighttpd。而選擇lighttpd後對原來的luci支援不太好,這裡對lighttpd配置做了一點修改,可以實現對luci的支援。1.配置編譯openwrt 2.修改l...

富文字上傳的內容中img標籤的src屬性丟失

在一次專案上線後,突然發現後台系統的上傳功能出了問題。是要發布一篇文章,文章內容是以富文字的形式儲存的,上傳後發現顯示不出來,看資料庫儲存的字段發現img標籤沒有src屬性,當時就奇了怪了,因為在本地測試的時候是沒有問題。然後進行遠端debug發現是接收的時候就已經沒有了。這個時候本地和正式產生的結...

js 將字串中的逗號替換成空格

s.replace g,g global 全域性 指的是將s中所有的逗號都替換成空格 如若只需要替換第乙個逗號,則s.replace js中的split方法 stringobject.split separator,howmany separator引數 必需填。字串或正規表示式,從該引數指定的地方...