使用了富文本編輯器編輯的文章內(nèi)容通常都以字符串的形式保存，然后當(dāng)要把文章顯示出來的時(shí)候，如果文章里的圖片的路徑不合適，就會(huì)出現(xiàn)顯示不出來的錯(cuò)誤瑟曲。使用正則表達(dá)式就能輕松搞定。
從百度百科找來了一張小豬佩奇的圖片绪囱，原地址：https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=09f6e7bdb919ebc4d4757ecbe34fa499/b3119313b07eca8015ffe13f9b2397dda0448374.jpg
保存下來把它放在文本編輯器里編輯一下于是：
在頁面顯示效果
const content = '<p> </p>?<p><font color="#FF0000">這里有五只豬</font><img src="images/b3119313b07eca8015ffe13f9b2397dda0448374.jpg" /></p>';
可以知道测蹲，如果不是我本地，按照這個(gè)路徑肯定找不到這張社會(huì)圖鬼吵。
使用正則表達(dá)式更改（把圖片的絕對路徑換成相對路徑）：
const newContent = content.replace(/src=\"image/g, 'src=\"https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=09f6e7bdb919ebc4d4757ecbe34fa499');
注意： /原替換內(nèi)容/g扣甲，這里的g是替換所有！正則表達(dá)式一般只替換第一個(gè)齿椅！
控制臺(tái)的結(jié)果
