V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hzgmaxwell
V2EX  ›  Vim

用 VIM 编辑网页上的各类文本输入框

  •  
  •   hzgmaxwell · 2016-06-20 15:37:45 +08:00 · 2406 次点击
    这是一个创建于 3080 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Surfingkeys 集成了 ACE 里的 VIM 编辑器,用于编辑网页上的各类文本输入框。

    在 Normal 模式,按大写的I,然后按相应的字母选择一个输入框。这时会打开一个 VIM 编辑器。对于单行输入框input和多行输入框textarea,打开的 VIM 编辑器会有点细微的不同。

    对于单行输入框input,打开的 VIM 编辑器只有一行,你可以通过各类 VIM 按键编辑你的文本,按Enter或者:w就会把 VIM 编辑器里的内容写回相应的输入框。 对于多行输入框textarea,打开的 VIM 编辑器有多行,在你完成编辑之后,按Ctrl-Enter或者:w就会把 VIM 编辑器里的内容写回相应的输入框。

    按键Esc:q可退出 VIM 编辑器,不写回输入。

    Tab键可以从当前页面上搜索匹配的词组,然后按空格键补齐。

    如果你是通过按键i或者鼠标点击进入一个输入框的,你可以正常修改输入框中的文本,也可以随时按Ctrl-i打开一个 VIM 编辑器。

    记住在插入模式,按Ctrl-i打开 VIM 编辑器。

    演示 http://video.weibo.com/player/1034:cfacebb108c27b25b553537f71c162de/v.swf https://youtu.be/LKn8S6dedjs

    安装在这里 https://chrome.google.com/webstore/detail/surfingkeys/gfbliohnnapiefjpjlpjnehglfpaknnc

    2 条回复    2016-06-22 08:14:50 +08:00
    SpicyCat
        1
    SpicyCat  
       2016-06-21 09:32:18 +08:00
    目前用的 Vrome ,它也能实现用 vim 编辑网页输入框的功能,但是需要在本地开一个 Server ,有点麻烦。
    试用了一下这个,发现调用的 vim 不是我安装的 vim ?各种插件和一些命令也没法用。比如我想分屏,用 :vsp ,竟然说没有这个命令。如果调用的是我本地的 vim 就完美了。
    calon
        2
    calon  
       2016-06-22 08:14:50 +08:00 via Android
    Firefox + It's all text!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5553 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 08:30 · PVG 16:30 · LAX 00:30 · JFK 03:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.