javascript - innerHTML如何去除縮排
世界只因有你
世界只因有你 2017-06-24 09:43:31
0
2
1024

已解決

各位好:

欲在html中用template標籤裡面寫Markdown,再用jsMarkdown進行處理轉換成 html,局部dom結構如下:

<p class="content">
  <template type="markdown">
    Welcome
    ====
    My name is Hung
  </template>
</p>
<script type="text/javascript">
  document.addEventListener('DOMContentLoaded' ,function (event){
    var $templates = document.querySelectorAll('template[type="markdown"]')
    $templates.forEach(function ($template){
      console.log(marked($template.innerHTML));
    })
  })
</script>

但是因為template標籤有縮進,導致了marked把內容當作段落程式碼處理:

#請問又沒辦法清除這些縮進,但是又不影響正常縮排的方式,或者不用template標籤的其他方式

世界只因有你
世界只因有你

全部回覆(2)
黄舟

給你一個思路,統計每一行前面的空白符,得到一個最小值,再按這個最小值清除

補上代碼

document.querySelectorAll('template[type="markdown"]').forEach($template => {
  var lines = $template.innerHTML.split(/\r\n|\n/)

  var trimLen = lines.reduce((minLen, line) => {
    var len = (/\S/.exec(line) || {index: 0}).index
    if (len < minLen) { return len }
    return minLen
  }, Infinity)

  if (trimLen > 0) {
    lines = lines.map(line => line.slice(trimLen))
  }

  console.log(marked(lines.join('\n')))
})
仅有的幸福

雷雷

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