我的嵌入在浏览器里的编辑器帅吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 402 天前的主题，其中的信息可能已经有所发展或是发生改变。

打开浏览器就能用（只支持 chrome 系的浏览器），可以编辑本地文件，可以预览 markdown 。

源代码： https://github.com/xieyuheng/x-editor

第 1 条附言 · 2023-10-16 20:24:25 +08:00

甚至还支持 markdown 的图片（因为用 iframe 做预览，所以还挺难实现的）。

![]( https://gcdnb.pbrd.co/images/0bCS7crFW28s.png)

第 2 条附言 · 2023-10-16 20:25:07 +08:00

修复 post 格式：

第 3 条附言 · 2023-10-17 04:51:27 +08:00

它现在可以听 mp3。

第 4 条附言 · 2023-10-17 05:14:35 +08:00

它还可以看视频。

第 5 条附言 · 2023-10-17 05:39:30 +08:00

我无语了。

我只能说 web 是个牛逼的平台。

浏览器

器帅

Markdown

Chrome

24 条回复 • 2023-10-21 10:25:04 +08:00

Chefback

2023-10-16 17:30:02 +08:00

Cool 加星了

xieyuheng

2023-10-16 17:31:17 +08:00

@Chefback 嘿嘿，多谢啦。

codehz

2023-10-16 17:47:53 +08:00

说的好，我选择 vscode.dev (划掉）
编辑本地文件用的是 filesystem api 做的吧
话说文件名底下的横线是啥意思

xieyuheng

2023-10-16 20:20:46 +08:00

@codehz 哈哈哈，又是你！

横线是 scrollbar

xieyuheng

2023-10-16 20:21:11 +08:00

@codehz 是 filesystem api ，只有 chrome 系的支持。

xieyuheng

2023-10-16 20:26:56 +08:00

图片测试：

![]( https://gcdnb.pbrd.co/images/0bCS7crFW28s.png)

levelworm

2023-10-16 20:41:16 +08:00 via Android

不错，看起来挺酷的～加油！

Ajunie

2023-10-16 21:36:26 +08:00

希望可以渲染 markdown 文件里的 html 标记

hellcer

2023-10-16 21:37:15 +08:00

可以考虑加上打开来自 WebDAV 之类的远程文件吗？

xieyuheng

2023-10-16 22:22:06 +08:00 via Android

@Ajunie 有发现不支持的 HTML 标记，欢迎来开 issue 。我也不知道哪些是目前不支持的。

xieyuheng

2023-10-16 22:23:48 +08:00 via Android

@hellcer 我才听说这个 protocol 等等我研究一下。

xieyuheng

2023-10-16 22:27:21 +08:00

预览 markdown 的实现方式是：把解析好的 markdown 发给 iframe 。

在 markdown 预览本地图片的功能比较有意思，
因为要在解析 markdown 的时候遍历 markdown 的节点，
把里面的图片节点的 src 都替换为 base64 的 data URL ，
再发给 iframe 。

yustation

2023-10-17 08:22:21 +08:00

帅😎

SeanTheSheep

2023-10-17 08:44:40 +08:00

起猛了，看成了在浏览器里写嵌入式 (￣_￣|||)

xieyuheng

2023-10-17 08:55:22 +08:00

我仔细思考了以下，其实只是 web 这个平台帅。
我感觉这根本就不是我写的程序，只是 web 平台本身而已。

lingeo

2023-10-17 09:19:53 +08:00

视频这块能播放 h264 编码视频？

proxytoworld

2023-10-17 09:57:23 +08:00

怎么看起来像是一个脉脉上的腾讯老哥天天吹他写的基于浏览器的啥啥 IDE

supersu

2023-10-17 15:59:09 +08:00 via Android

可以渲染 HTML 文本么，可以的话就爱了爱了，另外可以加一个 grep 搜索么~

xieyuheng

2023-10-17 16:16:50 +08:00

@supersu 搜索可以加。等我之后加上。

xieyuheng

2023-10-17 16:17:09 +08:00

@proxytoworld 我不用脉脉，也不是腾讯的。

xieyuheng

2023-10-17 17:00:55 +08:00

@lingeo 就是调用浏览器本身的视频功能而已。浏览器能支持的话就能。

supersu

2023-10-18 15:39:16 +08:00 via Android

@xieyuheng 不要全文索引哦，我发现文本搜索只有 grep 这种暴力搜索才靠谱

xieyuheng

2023-10-18 17:19:25 +08:00 via Android

@supersu 好的，就 substring 的搜索对吗？

supersu

2023-10-21 10:25:04 +08:00 via Android

@xieyuheng 嗯嗯是的，最好也支持一下忽略大小写，以及支持带空格的多关键词搜索~