5 行代码让 markdown 支持变量

[summerLast]

项目地址

代码

<textarea rows="20" class="textarea"></textarea>
<div class="result"></div>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

const selectElement = document.querySelector('textarea');

function mdx(str) {
  if (str.indexOf("------") > 0) {
    let v = str.split("------");
    str = eval(v[0] + "`" + v[1] + "`");
  }
  return str.trim();
}

selectElement.addEventListener('change', (event) => {
  const result = document.querySelector('.result');
  result.innerHTML =
      marked.parse(mdx(event.target.value));
});

[jaylee4869]

为什么不直接用 MDX ？？ https://mdxjs.com/ Vercel 出品。