javascript - web编辑器的原理和实现
PHP中文网
PHP中文网 2017-04-10 13:11:07
0
1
441

最近想在网站实现markdown支持,了解了许多,大家也推荐了许多,还有一些疑问在这里提出来,希望大家能提出一些建议

markdown的实现主要有两部分解析器和编辑器,编辑器提取出markdwon语言,然后解析器解析输出

解析器

主要是浏览器js解析,我用的解析器是marked,没有经验,慌乱选择,大家感觉这个怎么样?或者其他各方面更好更稳定的?

编辑器

关于编辑器,我感觉只要提取出markdodwn是不是就可以了?这样的话,textarea就可以实现?事实上我也这样尝试了,很简陋的实现了,如果解析出来的html代码css样式化应该也能做到很漂亮。这里还应该考虑的问题有哪些?

其他

富文本编辑器可以做到更多,但是如果做markdown编辑器是不是用不到那么多东西?我想力求用轻量的方案最简洁还要强大是实现。gtihub的md编辑器如图是怎么实现的呢

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(1)
小葫芦
  1. marked很不错,推荐这个整合了highlight.js的marked的分支,marked(input)里的代码块是有高亮的。

  2. 是的。textarea就可以了。如果需要更多功能,可以考虑整合ace、codemirror之类的编辑器.

  3. github的没有用富文本。我个人觉得markdown编辑器没有必要支持这个。不过如果你的用户打算包括不熟悉markdown的人的话,加上去还是很方便的。SegmentFault/Typecho的markdown编辑器这方面做得非常赞,你可以参考下typecho的代码。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板