公众号文章格式化
公众号编辑器只是提供一些基础的功能,如果想让文章的排版比较个性化,就需要通过第三方编辑器。作为前端开发者,我们也可以选择自己修改样式。但是每次修改文章样式,都需要先打开浏览器控制台,然后在控制台运行一下写好的脚本。
其实有更好的办法。
很多人不清楚浏览器书签栏也可以添加脚本。这样每次只需要点击下添加好的标签就可以了。
在网址中添加以下代码:
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')
})
}())我的文章格式比较简单,所以也不需要多复杂的代码。原理是这样,你可以自己发挥想象。
我可以给需要的网址添加脚本。通过这个功能为我节省很多时间。
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!