资讯专栏INFORMATION COLUMN

公众号文章格式化

Jrain / 1733人阅读

摘要:公众号编辑器只是提供一些基础的功能,如果想让文章的排版比较个性化,就需要通过第三方编辑器。下面贴上我文章的格式化代码我的文章格式比较简单,所以也不需要多复杂的代码。

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

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

其实有更好的办法。

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

在网址中添加以下代码:

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.ucloud.cn/yun/104797.html

相关文章

  • 【Node.js 微信公众实战】3.Node.js 自定义微信菜单

    摘要:一写在前面的话上一篇文章中,我们使用成功的实现了的获取存储以及更新,这篇文章我们来实现微信的自定义菜单功能。二自定义微信菜单微信文档步骤在开始码代码之前,我们依然是先理清实现的思路,再开始编写实现代码。 一、写在前面的话   上一篇文章中,我们使用 Node.js 成功的实现了access_token 的获取、存储以及更新,这篇文章我们来实现微信的自定义菜单功能。showImg(htt...

    Barry_Ng 评论0 收藏0
  • Node微信公众开发 - 定时获取最新文章同步到MySQL数据库

    摘要:方案二通过微信公众号平台提供的接口定时获取数据,然后插入到小程序数据库中。和可在微信公众平台开发基本配置页中获得需要已经成为开发者,且帐号没有异常状态。 0、介绍 本文源码:https://github.com/Jameswain/... ​ showImg(https://segmentfault.com/img/remote/1460000015441409?w=660&h...

    0x584a 评论0 收藏0
  • PHP微信公众开发——群发消息(完结)

    摘要:关于上传图文消息素材和新增永久图文素材的区别上传图文消息素材等于是直接把图文素材传到微信的服务器,每次凭借获取素材,并且不占用素材库新增永久图文素材在开发者和微信服务器之间,多了一个素材库。 **说明1.文章和有道笔记几乎内容相同,所以如果有人在有道上有幸看到一样的文章,应该也是我写的,除非是全部复制2.内容会较长,故会拆分多篇文章讲解3.目前基本的群发已记录完结,如果后续有补充,会作...

    bbbbbb 评论0 收藏0

发表评论

0条评论

Jrain

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<