DAX 微信 markdown 编辑器
DAX 微信 markdown 编辑器
一、致谢
感谢开源项目: md wechat-format
感谢 WordPress 插件 Mine云点播 作者 mine27 的指导。
二、如何使用
打开如下地址,直接编辑,可以实时看到符合微信公众号排版的效果。
- 推荐访问:https://jiaopengzi.com/md/
- GitHub Pages:https://jiaopengzi.github.io/md/
在左侧输入对应的 markdown 内容后,右边实时作出排版。
直接点击 复制 ,在微信公众号中粘贴即可。
二、项目说明
根据开源项目 md 修改而来。
markdown 编辑,实时格式化出符合微信公众号排版的页面。
适配 dax 语言在微信公众号中的高亮显示。
Map_Drill_L2 =
VAR PARENT_ID =SELECTEDVALUE ( 'D02_城市表'[F_01_省ID] )
VAR TABLEY =ADDCOLUMNS ('D02_城市表',"@VALUE",VAR p = [F_01_省ID]RETURNIF ( p = PARENT_ID, '00_Measure'[0001_销售金额] + 0, '00_Measure'[0001_销售金额] ))
VAR TABLEZ =FILTER ( TABLEY, [F_01_省ID] = PARENT_ID )
RETURNSUMX ( TABLEZ, [@VALUE] )
根据大家反馈,更新 M 语言的适配。
三、项目运行
1、克隆项目
git clone git@gitee.com:jiaopengzi/md.git
2、node 版本要求
# node 版本:v16.17.0
# npm 版本 9.5.0
3、安装插件
npm i
4、启动项目
npm start
5、部署
# 部署在 /md 目录
npm run build
# 访问 http://127.0.0.1:9000/md# 部署在根目录
npm run build:h5-netlify
# 访问 http://127.0.0.1:9000/
6、访问
http://127.0.0.1:8800/md/
四、解决 npm i 后修改的源码被覆盖问题
1、安装 patch-package
npm install patch-package --save-dev
2、修改package.json
配置文件
下项目根目录 package.json
在 scripts
下增加键值对,并保存
"postinstall":"patch-package"
3、修改 node_modules 文件夹下插件的源码
4、执行命令保存修改记录
执行如下命令,保存已经修改的插件记录,以便于后续 npm i
的时候恢复使用。
npx patch-package 插件包名称
当前修改的是 highlight.js
这个插件就执行。
npx patch-package highlight.js
5、查看修改的记录
执行上述命令后,会在 node_modules
文件夹平行的路径上创建一个新的文件夹 :patches
。
可以看到其中对比原来插件,自行修改的记录就保存下来了,下次 npm i
就会根据这里对比恢复自己记录了。
五、gh-pages 部署
1.先用npm安装 gh-pages
npm install gh-pages --save-dev
2.修改 package.json
文件
增加 homepage
,在 scripts
下增加 predeploy
deploy
。
"homepage": "https://jiaopengzi.github.io/md","predeploy": "npm run build",
"deploy": "gh-pages -d dist"
自动打包并上传分支gh-pages
npm run deploy
访问是否部署成功
https://jiaopengzi.github.io/md/
参考:dax 语言 css 颜色参考
.Keyword {/* 关键字 公式背景色为:FFFFFE*/color: #0000FF;background-color: #FFFFFE
}.Function {/* 关键字 */color: #3165BB
}.Variable {/* 变量 */color: #009999
}.Comment {/* 注释 */color: #5F9742
}.StringLiteral {/* 双引号字符串 */color: #A31515
}.Parenthesis {/* 圆括号 */color: #390000
}.Number {/* 数字 */color: #09885A
}.String2 {/* 函数内部 */color: #001080
}
by 焦棚子
DAX 微信 markdown 编辑器相关推荐
- md文件编辑器_可能是颜值最高的微信Markdown编辑器,用Markdown的你一定会爱上
不论是新媒体小编还是拥有自己公众号的开发者和开源组织,一定想要一个能够快速编辑且成品美观大方的编辑器.毕竟微信自带的编辑器功能有限,市面上其他编辑器功能又过于繁多,尤其对于开发者来说,文章中插入代码块 ...
- 简洁的微信Markdown编辑器
老苏写文章习惯使用 Markdown 格式,因为可以一键发布到 hexo,但微信公众号并不支持 Markdown 格式. 最早发微信公众号,是复制粘贴 Markdown 渲染后的预览页面,后来用了墨滴 ...
- 可能是颜值最高的微信Markdown编辑器,用Markdown的你一定会爱上
不论是新媒体小编还是拥有自己公众号的开发者和开源组织,一定想要一个能够快速编辑且成品美观大方的编辑器.毕竟微信自带的编辑器功能有限,市面上其他编辑器功能又过于繁多,尤其对于开发者来说,文章中插入代码块 ...
- 推荐一款微信 Markdown 编辑器
推荐一款微信 Markdown 编辑器 Markdown 文档自动即时渲染为微信图文,让你不再为微信文章排版而发愁!只要你会基本的 Markdown 语法,就能做出一篇样式简洁而又美观大方的微信图文. ...
- 微信排版 Markdown 编辑器
Markdown Nice:支持自定义样式的 Markdown 编辑器,支持微信公众号.知乎和稀土掘金. mdnice:https://www.mdnice.com/
- 微信图文 Markdown 编辑器开源了!
不知道逛逛GitHub 的读者有没有公众号的博主,或者你是不是也像我一样经常在公众号上面发一些东西. 公众号的编辑器不支持 Markdown 语法,只能算是一个功能强大一点的富文本编辑器,有时候排版比 ...
- Django集成Markdown编辑器【附源码】
专注内容写作的你一定不要错过markdown 简单介绍 markdown是一种标记语言,通过简单的标记语法可以使普通的文本内容具有一定的格式,使用非常简单,学习成本极低 目前各大Blog平台都已支持m ...
- 【效率】再见 Typora,这款 Markdown 编辑器开源又免费!
推荐一个免费开源的 Markdown 编辑器 前段时间 Typora 宣布将升级并开始收费,想必大家都有所耳闻,Typora 升级后最多只可支持 3 台设备,并且价值 14.99 刀.大家可以根据自 ...
- 那么多MarkDown编辑器,最专业的还是这一款!
来自:开源最前线(ID:OpenSourceTop) 项目地址:https://github.com/Zettlr/Zettlr 大家都知道很多编辑器,不过大多数编辑器都是为编程人员设计的,对于非技 ...
最新文章
- celery源码分析-Task的初始化与发送任务
- android+动画悬浮窗口,悬浮窗能实现自定Animation动画效果吗?
- URI is not registered (Settings | Languages Frameworks | Schemas and DTDs)怎么解决?
- 有向图的强联通分量 Tarjan算法模板
- Hero传奇引擎47个疑难问题解答
- visio 2019 简单流程图教程
- AM信号的调制与解调
- 仿真未编码和进行(7,4)Hamming码的编码的QPSK调制通过AWGN信道后的误比特性能比较
- 基于jsp+java+ssm妇女联合会管理系统
- vr属于计算机什么领域,vr技术是什么
- 【高等数学】函数与极限
- Python3-豆瓣电影影片差评和影片封面照片的爬取
- java计算机毕业设计景区失物招领平台演示录像源程序+mysql+系统+lw文档+远程调试
- 非班课Python习题
- 广大华软html5期末试卷,数据库原理与应用试题--含答案(华软)
- 位图(BitMap)
- WIN10远程协助无法控制的解决方法
- Elon Musk最感性专访:我期待失败,也期待真爱
- 第五代小冰发布:是时候与人类谈谈未来了
- 2022年回顾与计划
热门文章
- 【华为OJ】【063-字符串分割】
- 分享记账软件 设置账本密码防止收支被他人修改
- 基于Android端的照片比对系统,基于Android系统的人脸识别系统
- 按书的问题范围scale尺寸进行书箱分类存储
- mac 免费的方法读写NTFS
- python簇状柱形图_Python:matplotlib 和 Seaborn 之簇状柱形图、分面 (三十五)
- 关键字驱动实现web自动化
- LHS拉丁超立方采样matlab程序,对于均匀分布与正态(高斯)分布的变量进行拉丁超立方采样
- (Fabric学习八)部署区块链浏览器Hyperledger explorer
- MTS-4-荧光素,351330-42-2,硫醇特异性荧光探针