公衆號文章格式化

公衆號編輯器只是提供一些基礎的功能，若是想讓文章的排版比較個性化，就須要經過第三方編輯器。做爲前端開發者，咱們也能夠選擇本身修改樣式。

可是每次修改文章樣式，都須要先打開瀏覽器控制檯，而後在控制檯運行一下寫好的腳本。

其實有更好的辦法。

不少人不清楚瀏覽器書籤欄也能夠添加腳本。這樣每次只須要點擊下添加好的標籤就能夠了。

在網址中添加如下代碼：

javascript:void( function () { alert(1) } () )

保存後點擊標籤就會出現以下彈窗：

另外須要注意的是，代碼只能寫成一行，最好如今編輯器上寫好，而後壓縮成一行。

下面貼上我文章的格式化代碼：

javascript: void(function() { 
 document.getElementById('ueditor_0').contentDocument.querySelector('body').querySelectorAll('p').forEach(item => { 
   if(item.textContent === '') { 
     return item.remove() 
   };
   item.setAttribute('style', 'margin: 20px 10px;font-size: 16px;color: #555;line-height: 28px;text-align:left')
  }) 
}())

個人文章格式比較簡單，因此也不須要多複雜的代碼。原理是這樣，你能夠本身發揮想象。

我能夠給須要的網址添加腳本。經過這個功能爲我節省不少時間。