我的嵌入在浏览器里的编辑器帅吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
xieyuheng
V2EX    程序员

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

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

    打开浏览器就能用(只支持 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 +0: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     Solana     970 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 19:09 PVG 03:09 LAX 12:09 JFK 15:09
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86