上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 20 下一页
摘要: <!DOCTYPE html> <html lang="zh-CN"> <head> <title>ACE in Action</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init 阅读全文
posted @ 2024-08-09 10:05 卓能文 阅读(98) 评论(0) 推荐(0)
摘要: 采用vite新建一个工程。修改index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s 阅读全文
posted @ 2024-08-08 09:20 卓能文 阅读(45) 评论(0) 推荐(0)
摘要: 本打算使用remark来解析markdown的,但vite无论如何都不能编译成功,总是缺少一堆相关依赖,并且npm上还找不到相关的包,估计是版本依赖关系问题,暂时没时间来检查修改问题,遂采用marked来解析。 <div> toolbar </div> <div style="display: fl 阅读全文
posted @ 2024-08-08 08:26 卓能文 阅读(307) 评论(0) 推荐(0)
摘要: MyCounter.astro: <script> const template = ` <style> * { font-size: 200%; } span { width: 4rem; display: inline-block; text-align: center; } button { 阅读全文
posted @ 2024-08-07 22:13 卓能文 阅读(15) 评论(0) 推荐(0)
摘要: 先创建AstroHeart.astro: <astro-heart> <button aria-label="Heart">💜</button> × <span>0</span> </astro-heart> <script> // Define the behaviour for our new 阅读全文
posted @ 2024-08-07 20:33 卓能文 阅读(28) 评论(0) 推荐(0)
摘要: import Editor from "@monaco-editor/react"; import { useState } from "react"; import Markdown from "react-markdown"; import rehypeHighlight from "rehyp 阅读全文
posted @ 2024-08-06 16:03 卓能文 阅读(46) 评论(0) 推荐(0)
摘要: 参见下面test.md示例: # My markdown document ```{=typst} #let foob(x) = { x + x } #foob(2) ``` this is `raw #(2 + 3) typst`{=typst} 转换并编译: pandoc test.md -o 阅读全文
posted @ 2024-08-06 08:48 卓能文 阅读(135) 评论(0) 推荐(0)
摘要: 采用了@monaco-editor/react进行编辑,react-markdown预览 import Editor from "@monaco-editor/react"; import { useState } from "react"; import Markdown from "react- 阅读全文
posted @ 2024-08-06 01:00 卓能文 阅读(207) 评论(0) 推荐(0)
摘要: pnpm create farm@latest #选择vue3 cd project pnpm i @kangc/v-md-editor@next 修改index.ts: import { createApp } from 'vue'; // import './style.css'; import 阅读全文
posted @ 2024-08-05 16:47 卓能文 阅读(133) 评论(0) 推荐(0)
摘要: cherry-markdown是一个TS编写的markdown编辑器。 import "cherry-markdown/dist/cherry-markdown.css"; <cherry-mark> <textarea></textarea> </cherry-mark> <script> imp 阅读全文
posted @ 2024-08-04 18:36 卓能文 阅读(121) 评论(0) 推荐(0)
上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 20 下一页