公众号文章格式化

更新日期: 2019-05-18 阅读: 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://fly63.com/article/detial/3762

原生js实现时间格式化方法整理总汇,包括 js显示几天前、几小时前或者几分钟前的方法

这篇文章将介绍通过原生js对时间进行格式转换的多种方法,支持任意顺序的日期格式排列。同时也将讲解如何实现显示几天前、几小时前或者几分钟前的方法。

小程序wxs中的时间格式化以及格式化时间和date时间互转

WXS(WeiXin Script)是小程序的一套脚本语言,wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。其中包括了很多日常使用的javascript函数,在wxs中都是不能同样使用的。

TypeScript + eslint 格式化代码

之前使用 tslint 校验代码格式,后来发现 ts 官方已经放弃这个转而使用 eslint,研究了一下把相应配置调整了一下。目标:使用 eslint、prettier 格式化 TypeScript 代码

js获取当前时间的年月日时分秒以及时间的格式化

获取当前时间;获取时间中的年月日时分秒;获取当前年份(2位);对Date的扩展,将 Date 转化为指定格式的String;月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符

JS日期格式化转换方法

将日期转换为指定的格式:比如转换成 年月日时分秒 这种格式:yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。当然是网上的方法,只是总结下。

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