So entfernen Sie den Einzug aus innerHTML – Stapelüberlauf

Question

Gelöst Hallo allerseits: Ich möchte das Template-Tag verwenden, um Markdown in HTML zu schreiben, und dann js verwenden, um das Markdown zu verarbeiten und in HTML zu konvertieren. Die lokale Dom-Struktur ist jedoch wie folgt: {code...} Allerdings, weil die Vorlage Tag ist eingerückt, markiert ist geändert. Der Inhalt wird als Absatzcode behandelt: Ich kann ihn nicht löschen ...

黄舟 · Answer

给你一个思路，统计每一行前面的空白符，得到一个最小值，再按这个最小值清除

补上代码

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

  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('
')))
})

仅有的幸福 · Answer

document.querySelectorAll('template[type="markdown"]').forEach(($template) => {
  let lines = $template.innerHTML.split('
')
  let linesNum = lines.length
  if (linesNum > 0){
    !!/^\s*$/.test(lines[0]) && lines.shift()
    !!/^\s*$/.test(lines[linesNum-1]) && lines.pop()
  }
  let markdown = lines.map(line => line.substring(Math.min(...lines.map(line => line.match(/^\s*/)[0].length)))).join('
')
  $template.parentElement.innerHTML = marked(markdown)
})