Skip to content


Subversion checkout URL

You can clone with
Download ZIP
manipulate code from internet like a ninja
HTML JavaScript
Branch: master

NinjaWebCoder v1.2.9

A GreaseMonkey user script. Use keyboard to copy code snippet from web page.


  • Supports JIRA
  • Supports stackoverflow
  • Supports codecolorer
  • Supports syntaxhighlighter
  • Supports phpBB forum
  • Supports github
  • Supports the code embedded in <pre> tag
  • Supports one liner embedded in <p> tag
  • Line numbers will be stripped automatically
  • Works on Chrome and Firefox


Use case one

You are reading some online programming tutorial (For example, Angular JS tutorial).

You need paste lots of sample code from tutorial into your IDE to finish a chapter.

By using NinjaWebCoder,

  • you only press one key to copy the code into clipboard
  • the copied code is formatted so it can be used directly in IDE

Use case two

The new CTO in your company want to re-invent the workflow. You are required to create git feature branch with “meaningful” branch name. Issue number like “DD-106” is forbidden for branch name from now on.

So you install the NinjaWebCoder. Press Ctrl-E to copy the issue title from the bug tracker.

Then you run the following command line in terminal to create a new branch name.

git checkout -b `brname`

“brname” is a bash function defined in your ~/.bashrc. It should be optional unless the issue title is written by the non-technical business analyst and contains funny characters.

The definition of “brname” in OS X:

function brname () {
    local str=`getclip | sed -e 's/^ \+//g' -e 's/ \+$//g' -e 's/[" -#\(]\+/_/g' -e "s/'//g" -e 's/\(.*\)/\L\1/'`
    echo $str

The definition of “brname” in Linux:

function brname () {
    local str=`xclip -o| sed -e 's/^ \+//g' -e 's/ \+$//g' -e 's/[" -#\(]\+/_/g' -e "s/'//g" -e 's/\(.*\)/\L\1/'`
    echo $str


Set up

Nothing to set up


Press Ctrl-E.

Then text content embedded in the html page will be highlighted by some visual hint.

Press the keyboard by the hints. The content you finally selected will be copied into the clipboard.


After “Ctrl-E”, a yellow hint “a” appears at the left top corner of the code snippet.

I follow it and press “a”, the snippet is copied into clipboard.

Contact me

Report bugs at


Something went wrong with that request. Please try again.