How to remove indent from innerHTML - Stack Overflow

Question

Solved Hello everyone: I want to use the template tag to write Markdown in html, and then use js to process the Markdown and convert it into html. The local dom structure is as follows: {code...} However, because the template tag is indented, marked is changed. The content is treated as a paragraph code: I am unable to clear it...

黄舟 · Answer

To give you an idea, count the whitespace characters in front of each line, get a minimum value, and then press this minimum value to clear it

Add the code

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

solved