给论坛加了简易的 Markdown 支持

classic 经典版 list 列表 threaded 结构树
6 条帖子 选项
回复 | 结构树
以树状图样式打开这个帖子
|

给论坛加了简易的 Markdown 支持

shudin(丁戍)
管理员
该帖在被更新。

update:现在啥也不必点就有 Markdown 了,也可以反复编辑

步骤如下:

  1. 直接输入 Markdown
  2. 点击 “Markdown to HTML” 按钮
  3. 预览或者发布
Markdown2HTML
g@shud.in
回复 | 结构树
以树状图样式打开这个帖子
|

Re: 给论坛加了简易的 Markdown 支持

dragonly(李逸龙)
管理员

不过好像有些bug:

  • #棒 不会变成h1
  • 已经转换过以后, 再写markdown就没用了(这个好像没办法)
dragonly.github.io
回复 | 结构树
以树状图样式打开这个帖子
|

Re: 给论坛加了简易的 Markdown 支持

morriswmz(王勉之)
一般#后面要有空格才算吧(http://commonmark.org/help/
回复 | 结构树
以树状图样式打开这个帖子
|

Re: 给论坛加了简易的 Markdown 支持

shudin(丁戍)
管理员
作为对dragonly(李逸龙)帖子的答复

龙哥说得有道理,那我改改,顺便加个临时保存的功能。

g@shud.in
回复 | 结构树
以树状图样式打开这个帖子
|

Re: 给论坛加了简易的 Markdown 支持

shudin(丁戍)
管理员
作为对dragonly(李逸龙)帖子的答复

好了

g@shud.in
回复 | 结构树
以树状图样式打开这个帖子
|

Re: 给论坛加了简易的 Markdown 支持

dragonly(李逸龙)
管理员
作为对shudin(丁戍)帖子的答复

To those intereseted:

揭露一下树叶的做法吧 233

树叶在编辑页面的模板里面添加了这么一段代码

<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/to-markdown/3.1.0/to-markdown.min.js"></script>
<script>
  window.addEventListener('load', function () {
    var textarea = document.querySelector('textarea')
    var useHTML = document.querySelector('#html_format')
    try {
      [].forEach.call(document.querySelectorAll('input.toolbar.action-button'), function (el) {
        el.onclick = function (ev) {
          textarea.value = marked(textarea.value)
          useHTML.checked = true
        }
      })
      if (textarea.value) {
        textarea.value = toMarkdown(textarea.value, { gfm: true })
      }
    } catch (err) {
      console.log(err)
    }
  })
</script>

然后我又依葫芦画瓢加上了highlight.js高亮 233

dragonly.github.io