Web Vi • Hacker News Board

Re: Web Vi

#11

Post by mahcuz » Sat, Sep 17, 2011, 11:40 AM UTC

tmhedberg wrote: post #4

thristian wrote: post #2

I had a brief play around with the example, and pretty quickly came across bugs and unimplemented commands (for example: 'b', 'e' and 'O' are missing, but 'o' acts like 'O'). I like the way the cursor changes colour to hint at the current mode. However, what I'd really love would be a bookmarklet I could click to Vi-ify every on the current page. I've got "It's All Text" set up in Firefox to open s in gvim, but it's…

The Pentadactyl plugin for Firefox ( http://dactyl.sourceforge.net/pentadactyl/ ), which is a better-maintained fork of the well-known Vimperator, allows you to hit in any textarea or text input to enable Vim-style keybindings inline. opens the text for editing in an actual Vim instance, like the plugin you mentioned. Of course, Pentadactyl changes a lot about how the browser works beyond just text editing, so it may…

I can't live without pentadactyl.

Re: Web Vi

#12

Post by rnadna » Sat, Sep 17, 2011, 12:12 PM UTC

0 (zero) does not work.

Re: Web Vi

#13

Post by kree10 » Sat, Sep 17, 2011, 12:25 PM UTC

thristian wrote: post #10

ElbertF wrote: post #5

Earlier quoted context omitted.

Bookmarklet: javascript:(function(){var d=document;var s=d.createElement('script');var t=d.getElementsByTagName('textarea');s.setAttribute('src','http://webvi.googlecode.com/svn/trunk/lib/webvi.js);d.body.appendChild(s);for(var i in t){if(typeof t[i]=='object')t[i].setAttribute('class','webvi');}webvi_init();})();

Thanks for that! I had to make some changes to get it working on my machine: javascript:(function() {var d=document;var t=d.getElementsByTagName('textarea');for(var i in t){if(typeof t[i]=='object') t[i].setAttribute('class','webvi');}var s=d.createElement('script');s.async=false;s.setAttribute('src','http://webvi.googlecode.com/svn/trunk/lib/webvi.js');d.body.appendChild(s);webvi_init();})(); In particular, you miss…

I got it working on Chrome by executing webvi_init() on s.onload():

  javascript:(function(){var d=document;var t=d.getElementsByTagName('textarea');for(var i in t){if(typeof t[i]=='object') t[i].setAttribute('class','webvi');} var s=d.createElement('script');s.setAttribute('src','http://webvi.googlecode.com/svn/trunk/lib/webvi.js');d.body.appendChild(s);s.onload=function(){webvi_init();};})();

Re: Web Vi

#14

Post by [deleted] » Sat, Sep 17, 2011, 12:36 PM UTC

[deleted]

Re: Web Vi

#15

Post by norswap » Sat, Sep 17, 2011, 12:53 PM UTC

friggeri wrote: post #9

Keybindings are way off on non-qwerty keyboards.

Second that. With my belgian-french keyboard, some keys are correct, some aren't. I can't even refer to an online picture of a qwerty keyboard. Very confusing.

I also tried switching to a qwerty keyboard layout on my computer, but then I'm told that ':' is not a valid command (this might have to do with my lack of vi-savyness, so I'm taking tips - but using ':' to enter some commands is how it works on my linux box anyway).

Re: Web Vi

#16

Post by cdelahousse » Sat, Sep 17, 2011, 1:22 PM UTC

Here's another example of vi being completely exported to Javascript, but without the canvas element.

http://gpl.internetconnection.net/vi/

What disappoints me about all these implementations is the absence of text objects, though. I love getting edition words or parentheses using commands such as caw and ci"

Re: Web Vi

#17

Post by thristian » Sat, Sep 17, 2011, 2:27 PM UTC

kree10 wrote: post #13

thristian wrote: post #10

Earlier quoted context omitted.

Thanks for that! I had to make some changes to get it working on my machine: javascript:(function() {var d=document;var t=d.getElementsByTagName('textarea');for(var i in t){if(typeof t[i]=='object') t[i].setAttribute('class','webvi');}var s=d.createElement('script');s.async=false;s.setAttribute('src','http://webvi.googlecode.com/svn/trunk/lib/webvi.js');d.body.appendChild(s);webvi_init();})(); In particular, you miss…

I got it working on Chrome by executing webvi_init() on s.onload(): javascript:(function(){var d=document;var t=d.getElementsByTagName('textarea');for(var i in t){if(typeof t[i]=='object') t[i].setAttribute('class','webvi');} var s=d.createElement('script');s.setAttribute('src','http://webvi.googlecode.com/svn/trunk/lib/webvi.js');d.body.appendChild(s);s.onload=function(){webvi_init();};})();

That got it working, thanks!

Then I tried to write a comment in HN using WebVi in the reply box, and after I hit 'Submit', the comment that actually got posted was just 'M' instead of what I (thought I) wrote. Ah well, early days yet. :)

Re: Web Vi

#18

Post by masonforest » Sat, Sep 17, 2011, 2:49 PM UTC

The the ACE editor behind cloud9ide.com seems to be undergoing pretty active development (https://github.com/ajaxorg/ace).

There is also a vim mode under development. https://github.com/Gozala/vice

Re: Web Vi

#19

Post by nddrylliog » Sat, Sep 17, 2011, 2:58 PM UTC

Wait, are you kidding? It looks a hell of a lot less convincing than, say, jim: https://github.com/misfo/jim

edit: For example, 'A' doesn't work.

Re: Web Vi

#20

Post by super_mario » Sat, Sep 17, 2011, 4:29 PM UTC

thristian wrote: post #2

I had a brief play around with the example, and pretty quickly came across bugs and unimplemented commands (for example: 'b', 'e' and 'O' are missing, but 'o' acts like 'O'). I like the way the cursor changes colour to hint at the current mode. However, what I'd really love would be a bookmarklet I could click to Vi-ify every on the current page. I've got "It's All Text" set up in Firefox to open s in gvim, but it's…

I use Pentadactyl with Firefox. It allows you to use familiar vim commands to navigate the web completely without mouse. It's really fast way to search for things and lookup information (which I do a lot), but it also supports limited set of VIM commands in text areas, about 60 or so commands. It's useful when you don't want to edit in external VIM process (which you can do as well, this is configured out of the box).