公众号滑动图代码_微信公众号的代码块插入,及一键排版
微信公众号:颜家大少
. 微信公众号的排版问题
前段时间,准备在微信公众号上写文章时,却发现公众号居然连个最基本的插入代码块的功能都没有。
很纳闷,难道微信的开发者不用写代码的?
吐槽归吐槽,问题还得想办法解决。然后就是各种百度,推荐最多的我想就是markdown here了。
markdown here的确是个好东西,但问题是它只是一个通用的markdown转换插件,并不是针对公众号的,代码经markdown here转换后,粘贴到公众号,最常见的问题是:
代码换行错了,不是同一行的代码却挤在了同一行,可读性很差;
代码横向不会滚屏了 ,也是直接挤到了下一行,iPhone,iPad的尤为严重;
有些样式丢失了;
虽然可以自定义 css,但没参考样式,对普通的非前端开发者来说,不太好弄。
也尝试了一些朋友专为公众号做转换的markdown工具,效果并不太满意,不过真要感谢他们的,毕竟他们的工具还是提供了一些思路,于是就有了自己做一个工具的想法。
当然,想法是美好的,道路是曲折的。对于开发的过程,对于所遇到的坑,此处先省略100万字......
好吧,接下来就是介绍我的markdown工具了
. Md2All
支持通用的Markdown语法,并对html,css样式有很好的支持(请看网站示例的高级使用部分)
对 微信公众号 做了特别的优化:
解决把内容粘贴到公众号时,图片、或样式丢失的问题;
解决代码块换行不正确,特别是iPone、iPad上不会滚动的问题;
支持135,96等微信编辑器的所用样式(如"标题"等),只需先点这些微信编辑器的"html"图标,再把内容拷贝过来即可。
对代码块的显示专门做了优化,几十种超酷的代码风格任你选择
支持 "一键排版" 的css样式模板选择,和自定义css。你一点就知到^_^
预览ok后,只需要点“复制”按键粘贴到公众号即可。
另外
支持直接把页面"复制"到 "掘金" 中,如下:
选择 "一键排版" 中的 "掘金样式"
点"复制"然后粘贴到 "掘金" 默认的markdown编辑模式左边的编辑框就OK了
请参考此博文:https://juejin.im/post/5a1bcc6ef265da431f4acb09
后期会考虑增加对其它博客平台的支持.
. 界面预览
先来张玉照吧:
没有花巧的东西,所有的功能一目了然!
支持边编辑,边预览;支持左右滚动联动。
提供80多种超酷的代码主题。
通常,公众号多用于手机端显示,所以一般选:代码紧凑,这个看各人喜欢吧。
"一键排版"同样支持边改样式,边预览。
如下图,我只是选了个css主题为:“标题颜色”,然后代码主题为:“xcode”,整篇文章的效果就不一样了。
. 代码块展示
好吧,接下来还是好好展示一下我所说的超酷的代码风格吧,
下面是默认的“favorite"下的代码的显示。
java的:
public class MyActivity extends AppCompatActivity{
@Override //override the function
protected void onCreate(@Nullable Bundle savedInstanceState){
super.onCreate(savedInstanceState);
try {
OkhttpManager.getInstance().setTrustrCertificates(getAssets().open("mycer.cer");
OkHttpClient mOkhttpClient= OkhttpManager.getInstance().build();
} catch (IOException e) {
e.printStackTrace();
}
}
javascript的:
function DisplayWindowSize(){
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
}
css的:
p {
margin: 1.5em 0px;
}
h1,h2,h3,h4,h5,h6 {
margin: 1.5em 0px;
font-weight:bold;
}
html的:
abc
支持任意的语言,并能自动识别,有需要时也可直接指定
还有更牛的地方是,如果你对上面的风格都不满意时,你甚至可以自定义自己的代码高亮的样式,请参考:"一键排版"中的"代码块样式“
. 另外
如果有朋友只用到此工具的代码块部分,也可以先用此工具把自己的代码块渲染好,然后一段段“复制”插入到自己的公众号文章中。
. 最后
此工具目前还在开发阶段,很多功能正在完善中,对浏览器的兼容性未做全面的测试,所以建议先用Chrome浏览器作编辑。
如对此工具有任何建议,欢迎在公众号:“颜家大少”上留言:
公众号滑动图代码_微信公众号的代码块插入,及一键排版相关推荐
- php 公众号验证回调方法_微信公众号关键词自动回复设置方法!
什么是公众号关键词自动回复? 在微信公众号平台设置关键词自动回复,可以通过添加规则,关注/订阅的用户发送的消息内容如果是你设置的关键字,即可以实现自动回复预先设置好的内容. 关键字自动回复设置方法: ...
- 分享公众号抽奖的作用_微信公众号抽奖活动怎么弄
公众号线上抽奖相比于现场抽奖有很多好处,除了成本更低,宣传范围更广,能够吸引更多的参与,还有一大好处就是,线上抽奖比线下更容易挖掘潜在客户.抽奖活动可以手机客户的手机号,年龄,消费信息等.对流量转化和 ...
- 公众号滑动图代码_微信公众号图文排版之图片滑动的新玩法
随着自媒体时代的来临,现在越来越多的人开始从事自媒体行业,甚至有很多人将它作为自己的副业来经营,尤其是微信公众号因为其操作简单.门槛低.上手快的特点,成为了很多小白入门的第一选择. 那么微信公众号到底 ...
- 公众号滑动图代码_微信公众号图文中的图片如何实现上下左右的滑动效果?
大家先看图,这是一张滑动效果的图片,这个样式放到微信图文里面,可以上下滑动,也可以左右滑动. (左右滑动样式) (上下滑动样式) 我们在做微信排版的时候,可以用到这个样式,不仅好看而且能节省很多空间, ...
- url 微信公众号开发 配置失效_微信公众号开发之授权登录
一.UnionId和openId 微信登录最重要的两个返回信息,一个是UnionId,一个是OpenId.两者之间有着必然的联系. UnionID机制的作用说明:如果开发者拥有多个移动应用.网站应用和 ...
- 公众号 接收规则 消息_微信公众号教程(11)公众账号接收非文字消息 上
公众账号接收非文字消息 在微信公众平台上用户都是用使用文字在进行交互的,但是有时候使用图片.语音.视频以及地理位置等可以实现一些非常棒的功能,比如"语音提醒"公众号里的发送语音就可 ...
- java微信公众号支付开发平台_微信公众号支付demo,微信公众号支付Java DEMO
1.5.4微信验证的控制方法: /** * 微信验证 * 请填写接口配置信息,此信息需要你有自己的服务器资源,填写的URL需要正确响应微信发送的Token验证 * 验证服务器地址的有效性 * 开发者提 ...
- python 公众号 关注者位置_微信公众号获取用户地理位置
很久没搞微信的js-sdk了, 搞了一下午, 刷新页面老是失败, 没想到结合经验给大家展示下获取用户地理位置 第一步:登录微信公众号https://mp.weixin.qq.com 首先先设置最基本的 ...
- php 公众号验证回调方法_微信公众号运营的技巧和方法?
微信公众号+朋友圈+社群,已经成为大多数企业的营销标准.我们真的没有理由不选择用户数量最多.粘性最强的营销媒体.不管一个品牌有多小,他都有自己的品牌,每个人都有不同的方法和技巧.接下来,我将与大家分享 ...
- php 公众号验证回调方法_微信公众号PHP对接验证
现在流行开发自己的微信公众号,制作定各种微信应用,什么微商城,微客服等,但在开发微信时要将接口和服务器做对接配置,也就是在做对接配置后,微信公众号所有的消息.事件都会发往该对接好的服务器上. 之前并未 ...
最新文章
- JavaScript(六)函数
- 在 Virt-manager 图形界面中使用桥接网络
- Win2003用NAT实现ADSL共享与×××服务器
- python教程是用什么博客写的-用Python和Pygame写游戏-从入门到精通(目录)
- WX公众号授权登录的简单应用
- C#学习笔记--详解委托,事件与回调函数
- 使用Flask-Mail发送邮件
- LINUX framebuffer
- 链表(Linked List)之环形链表
- centos下apache安装
- 为Apple Push开发的PHP PEAR 包:Services_Apple_PushNotification
- iOS多任务:suspend VS terminate
- 基于Python开发用于钞票认证的神经网络
- GM620光猫telnet获取pppoe密码
- 关于Unity资源包导入项目后版本不匹配问题
- docker版MySQL经常性崩溃_mysql docker容器经常崩溃
- 超级码力在线编程大赛初赛 第2场 1.三角魔法
- 【数据结构入门】算法的时间复杂度和空间复杂度详解
- 追风人拍到壮观龙卷风
- ConstraintLayout已经2.0了,你不来了解一下吗?
热门文章
- 常用APDU指令错误码
- 织梦网站源码,开源织梦网站源码,织梦dede网站源码
- 单机:Oracle单机数据库一键安装(11GR2/12C/18C/19C/21C)
- 现在流行的画原型图工具_原型资源图:8种流行原型工具的综合指南
- Windows64位 python3.6安装pyHook
- Q1营收利润大增,Take-Two如何掘金“次世代”?
- 5分钟商学院-个人篇-高效能人士的思维习惯
- 自抗扰控制(ADRC)—— 一阶系统
- 攻防世界misc解题(一)
- 25个Java机器学习工具和库