5 行代码让 markdown 支持变量
summerLast · weekend-project-space · 2023-07-06 10:40:08 +08:00 · 3433 次点击这是一个创建于 538 天前的主题，其中的信息可能已经有所发展或是发生改变。
代码
<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));
});
21 条回复 • 2023-07-07 16:44:25 +08:00
 |
1
duke807 2023-07-06 11:03:57 +08:00 via Android  2
坐等 op 被骂
|
 |
2
summerLast OP @duke807 啊？，标题党?
|
 |
4
iOCZ 2023-07-06 11:32:58 +08:00
一行代码让 markdown 支持代码高亮
|
 |
5
littleBink 2023-07-06 11:47:46 +08:00
建议移动到 [搞笑] 分区
|
 |
6
xiaoxiaoming01 2023-07-06 12:52:37 +08:00 via Android 1
我太菜了没看明白，op 能补充一下具体的作用吗？🤔
|
 |
7
x86 2023-07-06 12:57:38 +08:00
相当于特斯拉出增程版的了
|
 |
8
Light3 2023-07-06 13:04:51 +08:00 1
建议下次出一个 一行代码 把原神嵌入任何可以写代码的地方
|
 |
9
CHTuring 2023-07-06 15:04:52 +08:00
其实我没看到这是什么操作
|
|
10
summerLast OP @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>
然后复制上面代码运行看下效果 |
 |
11
shuxhan 2023-07-06 15:28:32 +08:00
槽点太多...
突然想到抖音一个视频，10 行代码写个英雄联盟，然后噌噌噌引入一堆 js 文件 |
 |
12
ipwx 2023-07-06 15:39:25 +08:00
它来了，XSS 它来了，他带着 Markdown 走着最妖艳的步伐来了。
|
 |
14
Vegetable 2023-07-06 16:13:08 +08:00
使用 eval 操作有一定的想法, 但是如果我祭出 jinja2, 阁下是否会觉得我技高一筹
|
 |
15
mXw 2023-07-06 16:27:10 +08:00
str = eval(v[0] + "`" + v[1] + "`"); // xss
|
 |
16
jfj8848 2023-07-06 16:31:59 +08:00
什么意思，我写一个产品的文档，如果前面的变量定义产品名称，后面产品名称都用这个变量？生成 html 的时候，变量的地方可以直接变成产品名称？
|
 |
17
NICE20991231 2023-07-06 17:31:31 +08:00
总之，6...
|
 |
18
idealhs 2023-07-06 17:41:01 +08:00
啥时候 Word 也支持变量
|
 |
19
lhbc 2023-07-06 17:48:38 +08:00
一行代码开发一个 Google 搜索引擎
`<iframe src="https://www.google.com" style="width: 100%; height: 100vh; border: none;"></iframe>` |
 |
20
pkoukk 2023-07-06 18:48:10 +08:00 1
你用代码，通过 string template 生成 markdown 不就完了么？
为什么要在 markdown 生成完成之后，再通过 js 去修改它？？？ 楼上说的特斯拉改增程，你别说还挺贴切 |
 |
21
jaylee4869 2023-07-07 16:44:25 +08:00
为什么不直接用 MDX ？？ https://mdxjs.com/ Vercel 出品。
|
Select Language