代码
<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)); });
1 duke807 2023-07-06 11:03:57 +08:00 via Android ![]() 坐等 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 xiaoxiaomin01 2023-07-06 12:52:37 +08:00 via Android ![]() 我太菜了没看明白,op 能补充一下具体的作用吗? |
![]() | 7 x86 2023-07-06 12:57:38 +08:00 相当于特斯拉出增程版的了 |
![]() | 8 Light3 2023-07-06 13:04:51 +08:00 ![]() 建议下次出一个 一行代码 把原神嵌入任何可以写代码的地方 |
![]() | 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 QUC062IzY3M1Y6dg 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 ![]() 你用代码,通过 string template 生成 markdown 不就完了么? 为什么要在 markdown 生成完成之后,再通过 js 去修改它??? 楼上说的特斯拉改增程,你别说还挺贴切 |
![]() | 21 lavvrence 2023-07-07 16:44:25 +08:00 为什么不直接用 MDX ?? https://mdxjs.com/ Vercel 出品。 |