做了一个在线的 typst 编辑器

248 天前
 xcaptain

前段时间在本地用 vscode + typst 写了一些 ppt ,然后就产生了一个将 typst 编译器搬到浏览器上的想法,正好有大佬开源了 https://github.com/Myriad-Dreamin/typst.ts 所以我就用这个库加上 CodeMirror 编辑器,做了一个简单的网站,见:

https://typ.ink/

目前实现了基本的文件管理,编辑和预览导出的功能,欢迎大家来体验下

1988 次点击
所在节点    分享创造
12 条回复
lthero
248 天前
有个 bug ,输入 nick name->google 登录->又要输入 nick name
rqYzyAced2NbD8fw
248 天前
以前写文档都是极其痛苦的对着一堆 warning 和 error 改 latex ,typst 是我的救赎吗 🥹
xcaptain
247 天前
@lthero 看你已经注册进来了,有体验一下编辑的功能吗?
ck19920702
247 天前
这个颜色可以改下,刺眼
xcaptain
247 天前
@LanhuaMa 我感觉 typst 编译器报错提示做的还是比较好的,不过我因为用的是 CodeMirror 的编辑器,这个库比较小众,目前还不支持 typst 语法,所以我的编辑器连语法高亮都还没有
xcaptain
247 天前
手机上也是能用的,虽然编辑体验不是很好,但是做一些简单的修改,然后点击预览,导出都是可用的。如果要上传图片的话,可以长按 sidebar ,会触发 contextmenu 事件,展示一个上传按钮
198plus
247 天前
做一个 overleaf 类似的多人写作管理吧,做好了我给你付费
catlovemouse
247 天前
👍

请问“generate pdf slides using typst and AI”,AI 是体现在哪里呀
xcaptain
247 天前
@catlovemouse 忘记提了,我还使用了 https://github.com/yuri2peter/codemirror-ai-enhancer 这个大佬开发的 CodeMirror AI 补齐插件,如果按下 Ctrl + J 会触发补齐,如果选中一段文字,按下 Ctrl + K 会触发 AI 改写
xcaptain
247 天前
@198plus 好建议,我这几天研究下,应该不难做,CodeMirror 官方已经支持协同编辑功能
bettercallbalds
246 天前
很好的工具! 大佬
preview 要等一段时间 请问这个是本地渲染的吗 能加速吗
xcaptain
246 天前
@bettercallbalds 是在本地渲染的,因为 typst.ts 这个库就是将官方的 rust 编译器编译为 wasm ,然后提供了一些 js 接口让浏览器能够调用 wasm ,慢的话我目前发现可能会有以下几个原因:
1. 要加载 2 个 wasm 文件,大概 20 多 MB
2. 要下载一些默认字体,大概是 20 多 MB
3. 要通过网络去 packages.typst.org 下载第三方库

这些东西都会缓存到浏览器内,所以后面再点击应该会快很多

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1105128

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX