业余草微信公众号Markdown编辑器, 适合代码排版

article/2025/9/12 10:35:17

随着大家都转战微信公众平台,如何快速的编写文章就摆在了首要位置。不可否认,使用微信自带的编辑器可以做出好看的排版,甚至用第三方编辑器有更多的模板。但是,这些全部都需要手动的调整。本来公众平台就算是自媒体,非全职的自媒体哪有那么多时间和精力去搞排版。那么,寻找一种简单的排版方式也势在必得。

markdwon自然是首选,然而微信公众平台并没有提供翻译模板,只能自己寻找了。市场上的模板很多,我们可以找一款自己合适的,复制渲染后的html到微信公众平台。我寻找了好久,发现关注的几个大佬都采用一种样式,果然,都是采用的一个开源的markdwon编辑器,为开源点赞。我fork了一个版本,修改了本地开发模式,更适合小白入手。更改了标题样式。最终结果如下: https://md.rmiao.top/

微信公众号格式化工具

使用微信公众号编辑器有一个十分头疼的问题——粘贴出来的代码,格式错乱,而且特别丑。这块编辑器能够解决这个问题。

用法

  • 复制你的markdown
  • 粘贴到这里
  • 点击预览
  • 选择样式
  • 复制到微信公众号编辑页面

代码示例

 
  1. var OnlineMarkdown = {
  2. init: function() {
  3. var self = this;
  4. self.load().then(function() {
  5. self.start()
  6. }).fail(function(){
  7. self.start();
  8. });
  9. },
  10. start: function() {
  11. this.updateOutput();
  12. },
  13. load: function() {
  14. return $.ajax({
  15. type: 'GET',
  16. url: params.path || './d.md',
  17. dateType: 'text',
  18. timeout: 2000
  19. }).then(function(data) {
  20. $('#input').val(data);
  21. });
  22. },
  23. updateOutput: function () {
  24. var val = this.converter.makeHtml($('#input').val());
  25. $('#output .wrapper').html(val);
  26. PR.prettyPrint();
  27. }
  28. };
  29. OnlineMarkdown.init();

上面是 JavaScript,下面是 php

 
  1. echo 'hello,world'

表格示例

品类个数备注
苹果1nice
橘子2job

以上是用的比较多的,还装了几十个使用频度比较低的插件,主要包括 Snippet 和文件高亮配置,可以在这里查看:https://gist.github.com/barretlee/a5170eb6ca1805f66687063d2e3a4983,你也可以通过 SettingsSync 将这个配置下载下来,id 就是后面半截: a5170eb6ca1805f66687063d2e3a4983

在命令行打开 VSC

在安装好 VSC 后,直接配置 .bash_profile 或者 .zshrc 文件:

 
  1. alias vsc='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code';
  2. VSC_BIN='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin';
  3. PATH=$VSC_BIN:$PATH;
  4. export PATH;

然后让配置生效,在控制台执行:

 
  1. # 如果没有安装 zsh,可能是 ~/.bash_profile
  2. source ~/.zshrc

这个时候就可以在全局打开了:

 
  1. # -a 的意思是不要新开窗口,在当前已经打开的 vsc 中打开文件
  2. vsc path/to/file.ext -a

有同学提到,VSC 的面板上搜索 install 就可以在命令行安装 code 这个命令了,不过我更喜欢使用 vsc来打开文件,这也算是折腾吧



http://chatgpt.dhexx.cn/article/14ly6e6v.shtml

相关文章

Vue微信公众号 创建自定义菜单

创建菜单的程序之前需配置: 1、申请一个测试公众号并设置接口信息,JS接口安全域名以及网页授权获取用户基本信息,这三项都要设置为自己的程序映射的公网地址 网页服务-》网页帐号-》网页授权获取用户基本信息:进行OAuth2.0网页授…

视频教程-微信公众号编辑器开发-微信公众号开发11-微信开发php-微信开发

微信公众号编辑器开发-微信公众号开发11-微信开发php 大秦电商创始人,专注网络技术的电商应用。已经出品《1小时建站》《微博营销实战》《PHP采集》《网络招商系统》 秦子恒 1201.00 立即订阅 扫码下载「CSDN程序员学院APP」,1000技术好课免费看 APP订阅…

Python(三)微信公众号开发

ps:暂未完善,先做记录。本文核心讲外网穿透及微信Token验证 阅读 基本开发流程 申请个人公众号-订阅号 微信公众平台https://mp.weixin.qq.comhttps://mp.weixin.qq.com 自定义菜单 微信公众平台当然不只是给开发人员使用的,它提供了很多非技术人员可在…

markdown编辑微信公众号

前言 早前进入it这个行业就有写博客的习惯,之前用的一款百度出的【百度空间】的产品,当时一些文章还有不少的浏览量,可惜后来【百度空间】这款产品下线了,就这样自己的一点小积累付诸东流了。后来接触到了git和github。心想不能再…

微信公众号html标签,微信公众号用户标签管理

开发者可以使用用户标签管理的相关接口,实现对公众号的标签进行创建、查询、修改、删除等操作,也可以对用户进行打标签、取消标签等操作。 标签管理 1. 创建标签 一个公众号,最多可以创建100个标签。 接口调用请求说明http请求方式&#xff1…

Java微信公众号开发

本文从本人博客搬运,原文格式更加美观,可以移步原文阅读:Java微信公众号开发 微信公众号介绍 1.公众号的分类 我们平常在微信应用上会看到有很多的公众号,但是各自并不一样,公众号也分很多种类型,不过最…

如何建立一个微信公众号

如何建立一个微信公众号 一、定位 首先你要对公众号有定位,比如美妆,时尚,校园生活,好物分享等,每日推荐适合大学生的电影,连续剧,推荐大学生日常会做的好事。 二、准备工作 在建立一个微信…

公众号 菜单 代码 php,如何使用Vue.js实现微信公众号菜单编辑器(案例代码)

这次给大家带来如何使用Vue.js实现微信公众号菜单编辑器(案例代码),使用Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下。 实现菜单删除方法 在vue实例中添加删除菜单方法,根据选中的菜单级别和索…

在微信公众号中写html代码吗,微信公众号内容如何利用html编辑?

微信公众号内容如何利用html编辑?以下是小编整理的怎么利用html代码去更换微信公众号里的内容,有需要的朋友们请往下看具体怎么去操作的。以下内容供大家参考。 登录微信公众号 点击左侧分类的“素材管理”,在出现的页面中选择“图片” 点击右侧的“本地…

微信公众号使用Chrome插件:Markdown Nice优化微信公众号排版教程

Markdown Nice 是一个为了解决微信公众号排版而生的 Markdown 编辑器,当前有在线编辑器和 Chrome 插件 2 种产品形态。 下面介绍Chrome 插件:Markdown Nice 一、下载和安装Markdown Nice 1.从 墨滴 网站下载mdnice谷歌浏览器插件,如下图&a…

微信公众号的html5界面用什么软件,微信公众号编辑排版用什么软件(推荐这4款编辑器)...

做 但是市面上的公众号排版编辑器层出不穷,到底哪一款最好用呢?下面就带来主流公众号排版编辑器的对比,看下最受欢迎的编辑器中,哪款最好用吧。 1、秀米编辑器 秀米编辑器可以说是一款比较受欢迎的公众号排版编辑器了,…

java微信公众号图文消息编辑器,如何使用微信公众号自带的编辑器做出简洁舒适的图文排版...

所谓云想衣裳花想容,写文章也讲内容与形式,做微信公众号、新媒体、自媒体,光生产内容还不够,编辑排版也非常重要。 一个简洁、美观、使读者看起来舒适的排版能更好地抓住读者的眼球,愉悦读者的眼睛,才能更好…

微信公众平台菜单编辑php,Vue.js实现微信公众号菜单编辑器步骤详解(上)

这次给大家带来Vue.js实现微信公众号菜单编辑器步骤详解(上),Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下。 学习一段时间Vue.js,于是想尝试着做一个像微信平台里那样的菜单编辑器&#xff0c…

微信文章编辑的html在哪里,微信公众号的文章编辑界面在哪里?怎么编辑排版? | 微信公众号指南...

今天给大家介绍公众号文章编辑页面在哪里,怎么编辑排版,怎么推送文章。 申请了微信公众号后怎么发布文章?公众号的文章编辑页面在哪里?部分刚接触公众号运营的小伙伴是不太了解公众号后台功能的,今天就给大家介绍公众号文章编辑页…

微信公众号编辑底部自定义菜单解决方案

微信公众号编辑底部自定义菜单解决方案 1.需求背景 最近开发公众号项目,关于公众号里面底部的菜单栏设置一般常用有两种方法。 1,是进入公众号后台,找到自定义菜单,点击后进入编辑页面,进行编辑即可。2,是…

如何在微信公众号编辑器发布免费好看的排版内容

闲谈 最近很久没更新硬核的技术内容,也没发布最近人工智能的大动作文章,总感觉有点跟这个社区脱节的样子,不过没关系,经历了痛苦的一个月找工作冲刺后,我悟了,还是混吃等死水文章舒服。 爪巴的知乎文章 …

markdown转微信公众号编辑器

Foxmd|markdown微信公众号编辑器 https://foxmd.cn 支持两端对齐可以调整字间距、行间距、段间距以及文字大小可以设置图片圆角和图片阴影可以设置自动在中英文之间插入一个空格

php+仿微信公众号样式,仿微信公众号富文本编辑器

微信公众号富文本编辑器使用百度ueditor插件为基础加以封装 百度ueditor配置提供替换皮肤,只要添加相应的样式即可(码云代码链接) TIM截图20190404150153.png 以下处理富文本编辑器里面内容是别处复制粘贴而来(如果是微信或者百度的图片资源,有些图片不会显示出来),此时需要我…

程序员的专属微信公众号编辑器:定制 Markdown 转 HTML

原文地址: https://www.fang1688.cn/study-code/3158.html 今天介绍的这款开源项目:cdk8s-markdown-to-html-master 平时我们用微信公众号的编辑器写文章功能比较简陋,主题样式也不美观,最近小编方包找到一款实用的可一键转换&…

微信公众号 Markdown 编辑器

微信公众号文章 Markdown 在线编辑器,使用 markdown 语法创建一篇简介美观大方的微信公众号图文。由于发版本麻烦,和一些功能无法扩展停滞开发了,未来不再开发 Chrome 的插件(暂存在 chrome 分支),通过 web 版本定制更丰富的功能。…