5 行代码让 markdown 支持变量

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

爱意满满的作品展示区。

This topic created in 1026 days ago, the information mentioned may be changed or developed.

代码

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

Markdown

变量

代码

21 replies • 2023-07-07 16:44:25 +08:00

duke807

Jul 6, 2023 via Android

坐等 op 被骂

summerLast

Jul 6, 2023

@duke807 啊？，标题党?

kylebing

Jul 6, 2023

@duke807 #1 这跟在支付宝中添加视频有异曲同工之妙

iOCZ

Jul 6, 2023

一行代码让 markdown 支持代码高亮

littleBink

Jul 6, 2023

建议移动到 [搞笑] 分区

xiaoxiaoming01

Jul 6, 2023 via Android

我太菜了没看明白，op 能补充一下具体的作用吗？🤔

x86

Jul 6, 2023

相当于特斯拉出增程版的了

Light3

Jul 6, 2023

建议下次出一个一行代码把原神嵌入任何可以写代码的地方

CHTuring

Jul 6, 2023

其实我没看到这是什么操作

summerLast

Jul 6, 2023

@CHTuring data:text/html,<body oninput="i.srcdoc=h.value+'<style>'+c.value+'</style><script>'+j.value+'</script>'"><style>textarea,iframe{width:100%;height:50%}body{margin:0}textarea{width:33.33%;font-size:18}</style><textarea placeholder=HTML id=h></textarea><textarea placeholder=CSS id=c></textarea><textarea placeholder=JS id=j></textarea><iframe id=i>

然后复制上面代码运行看下效果