公众号文章格式化

更新日期: 2019-05-18阅读: 2.3k标签: 格式化

公众号编辑器只是提供一些基础的功能,如果想让文章的排版比较个性化,就需要通过第三方编辑器。作为前端开发者,我们也可以选择自己修改样式。但是每次修改文章样式,都需要先打开浏览器控制台,然后在控制台运行一下写好的脚本。

其实有更好的办法。

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

在网址中添加以下代码:

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

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

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


链接: https://www.fly63.com/article/detial/3762

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!