会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
卓能文
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
8
9
10
11
12
13
14
15
16
···
20
下一页
2024年8月9日
利用ace编辑并预览markdown
摘要: <!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)
2024年8月8日
利用esm.sh CDN减小发布包体积
摘要: 采用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)
使用monaco编辑预览markdown文件
摘要: 本打算使用remark来解析markdown的,但vite无论如何都不能编译成功,总是缺少一堆相关依赖,并且npm上还找不到相关的包,估计是版本依赖关系问题,暂时没时间来检查修改问题,遂采用marked来解析。 <div> toolbar </div> <div style="display: fl
阅读全文
posted @ 2024-08-08 08:26 卓能文
阅读(307)
评论(0)
推荐(0)
2024年8月7日
astro中创建web components
摘要: 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)
astro中创建components
摘要: 先创建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)
2024年8月6日
astro中使用第三方控件问题
摘要: 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)
markdown中嵌入typst文档
摘要: 参见下面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)
react markdown editor示例
摘要: 采用了@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)
2024年8月5日
v-md-editor示例
摘要: 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)
2024年8月4日
astro cherry-markdown 示例
摘要: 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
下一页
公告