Bagaimana untuk mengalih keluar inden daripada innerHTML - Stack Overflow

Question

Selesai Hello semua: Saya ingin menggunakan teg templat untuk menulis Markdown dalam html, dan kemudian menggunakan js untuk memproses Markdown dan menukarnya kepada html Struktur dom tempatan adalah seperti berikut: {code...} Walau bagaimanapun, kerana templat teg diinden, ditanda ditukar Kandungan dianggap sebagai kod perenggan: Saya tidak dapat mengosongkannya...

黄舟 · Answer

Untuk memberi anda idea, kira aksara ruang putih di hadapan setiap baris, dapatkan nilai minimum, kemudian tekan nilai minimum ini untuk mengosongkannya

Tambah kod

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