V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
xieyuheng
V2EX  ›  程序员

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

  •  
  •   xieyuheng ·
    xieyuheng · 2023-10-16 17:24:09 +08:00 · 3757 次点击
    这是一个创建于 428 天前的主题,其中的信息可能已经有所发展或是发生改变。

    打开浏览器就能用(只支持 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 是个牛逼的平台。
    24 条回复    2023-10-21 10:25:04 +08:00
    Chefback
        1
    Chefback  
       2023-10-16 17:30:02 +08:00   ❤️ 1
    Cool 加星了
    xieyuheng
        2
    xieyuheng  
    OP
       2023-10-16 17:31:17 +08:00
    @Chefback 嘿嘿,多谢啦。
    codehz
        3
    codehz  
       2023-10-16 17:47:53 +08:00
    说的好,我选择 vscode.dev (划掉)
    编辑本地文件用的是 filesystem api 做的吧
    话说文件名底下的横线是啥意思
    xieyuheng
        4
    xieyuheng  
    OP
       2023-10-16 20:20:46 +08:00
    @codehz 哈哈哈,又是你!

    横线 是 scrollbar
    xieyuheng
        5
    xieyuheng  
    OP
       2023-10-16 20:21:11 +08:00
    @codehz 是 filesystem api ,只有 chrome 系的支持。
    xieyuheng
        6
    xieyuheng  
    OP
       2023-10-16 20:26:56 +08:00
    levelworm
        7
    levelworm  
       2023-10-16 20:41:16 +08:00 via Android   ❤️ 1
    不错,看起来挺酷的~加油!
    Ajunie
        8
    Ajunie  
       2023-10-16 21:36:26 +08:00
    希望可以渲染 markdown 文件里的 html 标记
    hellcer
        9
    hellcer  
       2023-10-16 21:37:15 +08:00
    可以考虑加上打开来自 WebDAV 之类的远程文件吗?
    xieyuheng
        10
    xieyuheng  
    OP
       2023-10-16 22:22:06 +08:00 via Android
    @Ajunie 有发现不支持的 HTML 标记,欢迎来开 issue 。我也不知道哪些是目前不支持的。
    xieyuheng
        11
    xieyuheng  
    OP
       2023-10-16 22:23:48 +08:00 via Android
    @hellcer 我才听说这个 protocol 等等我研究一下。
    xieyuheng
        12
    xieyuheng  
    OP
       2023-10-16 22:27:21 +08:00
    预览 markdown 的实现方式是:把解析好的 markdown 发给 iframe 。

    在 markdown 预览本地图片的功能比较有意思,
    因为要在解析 markdown 的时候遍历 markdown 的节点,
    把里面的图片节点的 src 都替换为 base64 的 data URL ,
    再发给 iframe 。
    yustation
        13
    yustation  
       2023-10-17 08:22:21 +08:00
    帅😎
    SeanTheSheep
        14
    SeanTheSheep  
       2023-10-17 08:44:40 +08:00
    起猛了,看成了在浏览器里写嵌入式 ( ̄_ ̄|||)
    xieyuheng
        15
    xieyuheng  
    OP
       2023-10-17 08:55:22 +08:00
    我仔细思考了以下,其实只是 web 这个平台帅。
    我感觉这根本就不是我写的程序,只是 web 平台本身而已。
    lingeo
        16
    lingeo  
       2023-10-17 09:19:53 +08:00
    视频这块能播放 h264 编码视频?
    proxytoworld
        17
    proxytoworld  
       2023-10-17 09:57:23 +08:00
    怎么看起来像是一个脉脉上的腾讯老哥 天天吹他写的基于浏览器的啥啥 IDE
    supersu
        18
    supersu  
       2023-10-17 15:59:09 +08:00 via Android
    可以渲染 HTML 文本么,可以的话就爱了爱了,另外可以加一个 grep 搜索么~
    xieyuheng
        19
    xieyuheng  
    OP
       2023-10-17 16:16:50 +08:00
    @supersu 搜索可以加。等我之后加上。
    xieyuheng
        20
    xieyuheng  
    OP
       2023-10-17 16:17:09 +08:00
    @proxytoworld 我不用脉脉,也不是腾讯的。
    xieyuheng
        21
    xieyuheng  
    OP
       2023-10-17 17:00:55 +08:00
    @lingeo 就是调用浏览器本身的视频功能而已。浏览器能支持的话就能。
    supersu
        22
    supersu  
       2023-10-18 15:39:16 +08:00 via Android
    @xieyuheng 不要全文索引哦,我发现文本搜索只有 grep 这种暴力搜索才靠谱
    xieyuheng
        23
    xieyuheng  
    OP
       2023-10-18 17:19:25 +08:00 via Android
    @supersu 好的,就 substring 的搜索对吗?
    supersu
        24
    supersu  
       2023-10-21 10:25:04 +08:00 via Android
    @xieyuheng 嗯嗯是的,最好也支持一下忽略大小写,以及支持带空格的多关键词搜索~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5376 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 07:16 · PVG 15:16 · LAX 23:16 · JFK 02:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.