前段时间在本地用 vscode + typst 写了一些 ppt ,然后就产生了一个将 typst 编译器搬到浏览器上的想法,正好有大佬开源了 https://github.com/Myriad-Dreamin/typst.ts 所以我就用这个库加上 CodeMirror 编辑器,做了一个简单的网站,见:
目前实现了基本的文件管理,编辑和预览导出的功能,欢迎大家来体验下
1
lthero 3 天前
有个 bug ,输入 nick name->google 登录->又要输入 nick name
|
2
LanhuaMa 3 天前
以前写文档都是极其痛苦的对着一堆 warning 和 error 改 latex ,typst 是我的救赎吗 🥹
|
4
ck19920702 3 天前
|
5
xcaptain OP @LanhuaMa 我感觉 typst 编译器报错提示做的还是比较好的,不过我因为用的是 CodeMirror 的编辑器,这个库比较小众,目前还不支持 typst 语法,所以我的编辑器连语法高亮都还没有
|
6
xcaptain OP 手机上也是能用的,虽然编辑体验不是很好,但是做一些简单的修改,然后点击预览,导出都是可用的。如果要上传图片的话,可以长按 sidebar ,会触发 contextmenu 事件,展示一个上传按钮
|
7
198plus 3 天前 via Android
做一个 overleaf 类似的多人写作管理吧,做好了我给你付费
|
8
catlovemouse 3 天前
👍
请问“generate pdf slides using typst and AI”,AI 是体现在哪里呀 |
9
xcaptain OP @catlovemouse 忘记提了,我还使用了 https://github.com/yuri2peter/codemirror-ai-enhancer 这个大佬开发的 CodeMirror AI 补齐插件,如果按下 Ctrl + J 会触发补齐,如果选中一段文字,按下 Ctrl + K 会触发 AI 改写
|
11
bettercallbalds 2 天前
很好的工具! 大佬
preview 要等一段时间 请问这个是本地渲染的吗 能加速吗 |
12
xcaptain OP @bettercallbalds 是在本地渲染的,因为 typst.ts 这个库就是将官方的 rust 编译器编译为 wasm ,然后提供了一些 js 接口让浏览器能够调用 wasm ,慢的话我目前发现可能会有以下几个原因:
1. 要加载 2 个 wasm 文件,大概 20 多 MB 2. 要下载一些默认字体,大概是 20 多 MB 3. 要通过网络去 packages.typst.org 下载第三方库 这些东西都会缓存到浏览器内,所以后面再点击应该会快很多 |