公众号文章格式化

公众号编辑器只是提供一些基础的功能，如果想让文章的排版比较个性化，就需要通过第三方编辑器。作为前端开发者，我们也可以选择自己修改样式。

但是每次修改文章样式，都需要先打开浏览器控制台，然后在控制台运行一下写好的脚本。

其实有更好的办法。

很多人不清楚浏览器书签栏也可以添加脚本。这样每次只需要点击下添加好的标签就可以了。

在网址中添加以下代码：

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')
  }) 
}())

我的文章格式比较简单，所以也不需要多复杂的代码。原理是这样，你可以自己发挥想象。

我可以给需要的网址添加脚本。通过这个功能为我节省很多时间。