当前位置: 首页 > Web前端 > HTML

微信公众号Markdown编辑器

时间:2023-03-28 00:58:49 HTML

微信公众号文章Markdown在线编辑器,使用markdown语法制作精美优雅的微信公众号图文。由于发布版本比较麻烦,部分功能的开发无法扩展,以后不再开发Chrome插件(暂时存放在chrome分支),可以通过网页版定制更丰富的功能。Github:https://github.com/jaywcjlove...官网:https://jaywcjlove.github.io/...功能特性开发计划和一些功能介绍,有需要的可以在issue中提及,使工具变得更加完善。以下示例用于在Web应用程序中显示效果。[x]支持Markdown的所有基本语法[x]支持自定义CSS样式[x]支持主题选择和编辑预览。[x]支持明暗主题预览。[]支持色轮选择,快速更换文章整体色调[x]支持URL参数加载Markdown内容。[x]支持URL参数选择预览主题。支持代码块样式下面是web应用中jsx代码块展示和高亮代码效果展示示例。functionDemo(){returnHelloWorld!

}下面是一个css代码块展示示例,代码高亮显示是为了web应用中的效果展示。li{字体大小:16px;保证金:0;行高:26px;颜色:RGB(304159);font-family:-apple-system-font,BlinkMacSystemFont,HelveticaNeue,PingFangSC,HiraginoSansGB,MicrosoftYaHeiUI,MicrosoftYaHei,Arial,sans-serif;}支持在网页应用中显示效果的内联代码。内联代码{code:0}支持表格。表格不能使用自定义样式。目前还没有找到解决方案。Header1Header2Key1Value1Key2Value2Key3Value3支持GFMfootnote这是简单Markdown1语法的脚注2。页面末尾有一些额外的文字说明。请注意,这不是完整的脚注3功能。支持注解汉语注音效果:zipinsoundyinnotezhusoundyin支持自定义样式Markdown中的HTML注释也可以在markdown中使用,使用此功能可以为某些内容自定义样式。使用HTML注释让Markdown支持样式自定义。##定义标题样式支持改变部分文字的样式,如_textcolor_,文字颜色会设置为red(红色)。??注意:这个功能可能适合对css前端有一定基础的用户,但是也很简单,用结束,把css样式包在里面中间,如颜色:红色;将文本设置为红色。Markignorecontent该功能利用markdown中忽略HTML注释的特性,标记需要忽略的内容,标记以开始,标记结束于,微信Markdown编辑器预览中不显示标记的内容。在其他预览工具中显示内容,例如GitHub。#Commentsignored内容不会在微信Markdown编辑器预览中显示。在其他预览工具中显示内容。支持URL参数加载Markdown内容https://?md=加载Markdown内容示例URL:https://jaywcjlove.github.io/wxmp/#/?theme=underscore&md=https://raw.githubusercontent.com/jaywcjlove/c-tutorial/master/README.mdMarkdown网址地址:https://raw.githubusercontent.com/jaywcjlove/c-tutorial/master/README.md主题定制将默认主题存放在目录src/themes中,在src/store/context.tsx中配置主题。主题使用css定义样式,不支持复杂的选择器。提供在线主题编辑器,欢迎修改和PR入库,供大家使用。/*1~6标题样式定义*/h1{}h2{}h3{}h4{}h5{}h6{}a{color:red;}/*超链接样式定义*/strong{}/*粗体样式定义*/del{}/*删除线样式定义*/em{}/*下划线样式定义*/u{}/*下划线样式定义*/p{}/*段落样式定义*/ul{}/*无序列表样式定义*/ol{}/*有序列表样式定义*/li{}/*列表条目样式定义*/blockquote{}/*块级引用样式定义*/table{}td{}th{}pre{}/*样式定义*/.code-highlight{}/*代码块样式定义*/.code-line{}/*代码块行样式定义*/.code-spans{}/*代码块行样式定义*/sup{}/*GFM脚注样式定义*/.footnotes-title{}/*GFM脚注,参考标题样式定义*/.footnotes-list{}/*GFM脚注,参考列表样式定义*/。image-warpper{}/*图片父节点样式定义*/.image{}/*图片样式定义*//*部分代码高亮样式*/.comment{}.property{}.function{}.keyword{}.punctuation{}.unit{}.tag{}.color{}.selector{}.quote{}.number{}.attr-name{}.attr-value{}部署通过docker轻松部署《微信公众号 Markdown 编辑器》网站应用。dockerpullwcjiang/wxmp#Ordockerpullghcr.io/jaywcjlove/wxmp:latestdockerrun--namewxmp--rm-d-p96611:3000wcjiang/wxmp:latest#Ordockerrun--namewxmp-itd-p96611:3000wcjiang/wxmp:latest#Ordockerrun--namewxmp-itd-p96611:3000ghcr.io/jaywcjlove/wxmp:latest在浏览器中访问以下URLhttp://localhost:96611/Contributors一如既往,感谢伟大的贡献者!上面的贡献者列表是由action-contributors4自动生成的。许可证根据MIT许可证获得许可。GitHub风格的Markdown规范https://github.github.com/gfm/?脚注https://github.blog/changelog...?微信文章不支持锚点跳转和打开第三方URL超链接,所以没有Full支持脚注功能。?行动贡献者https://github.com/jaywcjlove...?