Back to: Blog

JS Quicktags Under LGPL

I’ve released my JavaScript Quicktags under the LGPL license as planned. This means that anyone (open source projects, closed source, commercial, etc.) can use them.

Here is an example page so you can see how they work, and here is the download.

Popularity: 18% [?]

Posted June 3rd, 2004 @ 12:29 PM

66 Replies

Geof adds this Comment:

Any chance you’d add acronym to that?

June 3rd, 2004 at 12:38 pm
Alex adds this Comment:

I think you’re capable of copying the 5 lines to add it.

June 3rd, 2004 at 12:42 pm
Christian adds this Comment:

Well, I just had a look at it and I wondered where the difference between the new js and the phpmyadmin function insertAtCursor() you posted on your site was. (Besides the fact that the new one looks much more difficult to understand, the output seems to be pretty similar to me.)
Christian

June 3rd, 2004 at 2:53 pm
Alex adds this Comment:

There isn’t much difference, this is an implementation of it for HTML quicktags.

June 3rd, 2004 at 2:58 pm
Geof adds this Comment:

Alex: you are right, of course. But you know that someone had to start asking for features … might as well be someone whose ears you can box with abandon!

June 3rd, 2004 at 6:03 pm
scriptygoddess.com adds this Trackback:

Javascript Quick Tags (GPL)
Matt posted a link to Alex’s javascript quick tags. I’ll need to update my “deCoder” javascript using that (if I can) - since Alex’s javascript DOES work with Firefox - and my (current) deCoder does not….

June 3rd, 2004 at 9:15 pm
Phil adds this Comment:

Is it me, or does the ‘cursor-awareness’ not function in Safari? Works lovely in Firefox.

June 4th, 2004 at 1:43 pm
Alex adds this Comment:

Nope, they aren’t cursor aware in Safari and won’t be until Safari supports getting the cursor position in a textarea. This is actually noted in the comments at the top of the file.

June 4th, 2004 at 5:24 pm
Andrew adds this Comment:

After finding your fantastic site while looking for WordPress hacks I came across this great post, which is just what I was in the middle of making for an intranet site. No point reinventing the wheel… Thanks!

June 6th, 2004 at 7:56 pm
Alex adds this Comment:

Excellent!

June 6th, 2004 at 10:14 pm
Tim adds this Comment:

Alex, thanks a a lot. I just integrated this with a cmsimple site I am working on, and it works like a charm.

I wrote up instructions for other cmsimple users at http://www.cmsimple.[...]ic.php?t=869

June 7th, 2004 at 1:23 am
Jennifer adds this Comment:

Alex - I start to gloss over when I read the license text. I modified your code mostly to simplify it to the most “popular” tags people use in comments - that is: bold, italic, link. (I also added h3 since that’s what I use to stylize code on scriptygoddess). I’d like to offer the code for download with instructions on how to include it on wp-comments (obviously with credit to you for the script itself). Does the license allow me to do this?

June 9th, 2004 at 7:35 pm
Alex adds this Comment:

The short answer is yes, you just need to abide by the rules in the license. See #2 in the license for more details of what you need to do (commenting your changes, etc.).

June 9th, 2004 at 10:31 pm
evilabmonkey.org adds this Trackback:

design notes, pt. 2
welcome back to today’s last design notes. as you can easily see, nothing changed too drastically anymore. i’m very happy with the color scheme and the handling of the whole site. i really get along well with movable type. i…

June 21st, 2004 at 12:05 pm
Mama Write's Sideblog adds this Trackback:

Safari Friendly Buttons
JS Quicktags Under LGPL - Safari-friendly buttons for WordPress…

July 7th, 2004 at 5:57 pm
99 shades of grey adds this Trackback:

Customising Quicktags II
A quick update to the Quicktag customisation : I just incorporated Scriptygoddess’ decodeIt function, which neatly translates ‘ into ‘>’. The original version of the function was IE-friendly only, however an update sees it working quite happ…

August 18th, 2004 at 5:31 pm
alexking.org: Blog adds this Trackback:

JavaScript Quicktags Updated
I’ve updated the JavaScript Quicktags to version 1.1. This includes a small change that keeps Mozilla from jumping to the top of the textarea when a tag is inserted.

Thanks to Chris Snell who did the research to find the Mozilla bug and submit th…

September 6th, 2004 at 1:26 pm
Movable type resourses adds this Trackback:

JS Quicktags Under LGPL

September 29th, 2004 at 12:34 pm
CEIT adds this Comment:

Thank you!!!!!! This is cool!

October 21st, 2004 at 3:02 am
Julie adds this Comment:

Oh my gosh - I searched for so long to find a tutorial on how to do this. Imagine my joy to find your code. This is fantastic. More than fantastic. Thank you so much.

November 29th, 2004 at 11:28 am
Schoschie adds this Comment:

Thank you very much. I didn’t think this was possible, either. I knew insertion at the cursor was possible using proprietary JS extensions (?) in MSIE only, but not anywhere else. And now this. Very cool. On Mac OS X, the code works fine with Firefox and other Gecko-based browsers like Netscape 7.x. It does NOT apparently work in MSIE on OS X, however (text inserted at end only). Like you said, it does not work in Safari either, which is a pity since it’s my browser of choice, but anyway.

I will probably add this to my “homebrew” blog software Blogoid and use it for some code patched into our University’s pinboards (http://www.uni-weimar.de/pinnwand/). Thanks again.

January 21st, 2005 at 5:15 am
ysu adds this Comment:

Nice script!
a question: do you know of any way to achieve this cursor awareness in Opeara, or know it’s not possible at all?

February 9th, 2005 at 1:29 am
Alex adds this Comment:

Opera doesn’t support it. One more reason not to use Opera.

February 9th, 2005 at 1:58 am
Carl adds this Comment:

Very nicely done!
i’d tip my hat if i had one.

February 17th, 2005 at 4:42 am
Jonathan adds this Comment:

Just what I needed.
Excellent bit of coding.

Now where’s that tip jar…

March 13th, 2005 at 5:21 am
Alex adds this Comment:

Right over here.

March 13th, 2005 at 10:23 am
Lw adds this Comment:

Has anyone made quicktags work for 2 distinct textarea fields on the same page?

Thank you Alex King….

March 21st, 2005 at 8:04 am
Eric J. adds this Comment:

decidedly cool. This is the closest to 1 to what I need for adding into aether. all I need now is to modify the tag definitions

http://www.logarithm[...]ction=manual

adding some sub tags would be interesting as well but given the fact that JavaScript is not easy to manipulate when 1) you don’t know it and 2) when you’re disabled and use speech recognition. speech recognition and programming in JavaScript just don’t get along.

anyway, I will pick out the problem as fast as my hands permit.

Alex, I’m hoping you will answer one question which is why don’t people put search/replace capability into these editors and why don’t they use keystroke commands for navigation/editing by character, word, sentence, paragraph (yes I’m an Emacs user) so that one can write speech recognition macros to let you navigate/edit by speech.

by the way, I am speaking at a conference at the end of the month hosted by the open source speech recognition initiative and it would be wonderful to be able to dropping note to them on someone willing to support us (hint hint)

April 13th, 2005 at 2:21 pm
Rudolf adds this Comment:

Alex, this is fantastic, especially the JS quickstart! This saves me a lot of time. It took me 5 hours to get to half of this and it only worked in IExplorer. Tha

June 16th, 2005 at 2:18 am
alexking.org: Blog adds this Trackback:

JavaScript Quicktags 1.2

I’ve released a new version of my JavaScript Quicktags. I’ve been using this version for a while now, just hadn’t gotten around to packaging it up for release.

This version has a changes:

A few additional tags, including an “External Link…

July 1st, 2005 at 2:39 pm
Dan Parnell adds this Comment:

Works just dandily in Opera 8.5, just FYI. I only skimmed the comments list, so you may have already said this.

Saved me about an hour, since I hate writing JavaScript. Then again, perhaps this is not such a good thing, because I could have been paid for that hour of clicking around and looking silly.

November 10th, 2005 at 1:16 pm
Karl Bishop adds this Comment:

Nice script!
a question: do you know of any way to achieve this cursor awareness in Opeara, or know it’s not possible at all?

November 21st, 2005 at 5:08 am
Alex adds this Comment:

Please post support questions in the forum, not in the blog comments.

November 21st, 2005 at 8:27 am
Eric Tohanson adds this Comment:

Is it me, or does the ‘cursor-awareness’ not function in Safari? Works lovely in Firefox.

November 26th, 2005 at 7:30 pm
Alex adds this Comment:

Perhaps you could read this page more carefully.

November 26th, 2005 at 7:34 pm
Aslak adds this Comment:

Really, really nice, man. I’ve been looking all over for something like this. I love it :). Thank you for doing this for us javascript analphabets.

January 4th, 2006 at 2:09 pm
Helmut adds this Comment:

Is it me, or does the ‘cursor-awareness’ not function in Safari? Works lovely in Firefox.

January 17th, 2006 at 10:28 am
Dennis adds this Comment:

Nice work champ! - I’m using your brilliant script on my own website!

January 24th, 2006 at 4:02 pm
eric adds this Comment:

Hey man, this thing is awesome. I was looking all over the place, and had almost settled on an overly large and annoying rich text editor, but a small script that I can use to mark up entries is all I need. Awesome man!

February 25th, 2006 at 9:41 pm
cc adds this Comment:

Works fine in Safari 1.3. Thanks!

March 22nd, 2006 at 6:17 am
Florian adds this Comment:

Great stuff! And it _does_ work in Opera (8.52 / Linux).
Florian

April 5th, 2006 at 1:24 pm
Tournesol adds this Comment:

Is it possible to change the buttons to graphics?

June 13th, 2006 at 4:40 am
Juglar :: Comentarios: la conversación de los bloggers :: March :: 2006 adds this Pingback:

[…] En mi blog comentan: Quicktags: Comando Javascript para crear un menú de botones que permitan a tus comentaristas incorporar fácilmente etiquetas HTML en sus comentarios. […]

June 23rd, 2006 at 10:51 am
3stripe adds this Comment:

Looking good

I’m going to try and impliment Quicktags as a plugin for the Vanilla forum I think….

June 24th, 2006 at 7:16 am
3stripe » Blog Archive » My first extension… Quicktags for Vanilla adds this Pingback:

[…] Having used the Quicktags on Wordpress for quite some while, I figured they would make a good add-on for the Vanilla forum, as they allow you to quickly apply HTML formatting to the contents of any textarea. You can also use keyboard shortcuts to apply them, and easily add your own Quicktags, which is an added bonus. […]

June 25th, 2006 at 3:31 pm
Mark adds this Comment:

Good stuff! … just a quick note though that, at least with the sample page… in the Dict lookup, if you hit cancel when it pormpts you for a word, it still proceeded to lookup “null” on the dictionary website

I have a knack for finding little bugs like this (if that’s in fact what it is). It’s the very first thing I clicked on that page.

July 26th, 2006 at 12:04 pm
Alex adds this Comment:

Thanks. If that isn’t fixed in the current downloadable version I need to put out a more decent version. That was fixed a long while back.

Please use the forums for future bug reports.

July 26th, 2006 at 12:11 pm
Andy adds this Comment:

Coincidence!: I’ve just been trying to do this; remembered PHPadmin’s Query page; looked at the code; didn’t recognise the selectionStart property; didn’t find it in ‘JavaScript Bible’; did a Google search and there you are at number1!!
So thanks Alex, for saving me hours of Javascript webcrawling.
BTW, it works fine on Safari 1.3.2 on insertion AND replacement.

August 30th, 2006 at 2:03 am
Eliah adds this Comment:

Very useful code. And it works almost excellent in Opera 9, I tested it.

September 19th, 2006 at 11:53 pm
mctk adds this Comment:

Stumbled across this. Just what I was looking for. Simple to implement. Thanks very much!

October 17th, 2006 at 9:53 pm
Nicolas adds this Comment:

Thanks a lot Alex!

This is just what i was trying to do for a website! I was looking for cursor position in textarea and I found your website! It works so good!

Many thanks!

December 13th, 2006 at 12:10 am
Garth adds this Comment:

Alex, thanks so much for sharing this invaluable asset with us. I have spent several hours on and off over the last few months attempting to rectify the Mozilla problem, but to no avail. This is exactly the core code I need to build off of.

Thanks so much for your willingness to share with the development community!

January 26th, 2007 at 7:04 am
Joey adds this Comment:

Wow what a big help. I had just finished writing my version with just basic tags, but this pretty much replaces that. I am thrilled to find this when I did.

February 13th, 2007 at 5:09 pm
n3z adds this Comment:

Hi, please forgive me if I’m missing it, I really would love to use this plugin, but I can’t find your original documentation, and there is no readme file with the download. I’m happy to donate for it, but while I am a graphic designer and have built my entire blog and customized it, it is all at great pains and slowly and with much reading. I am no developer or code writer, and am just lokoing for basic instructions on how to install this (where to put it), if I need to tweak my config file, etc.

Is there a document somewhere I am missing? I have searched your site and read many pages, so I am asking you last as I know how it is to be asked dumb questions by those not willing to expend effort.

I am using MT 3.34.

Thank you in advance for any help.

February 18th, 2007 at 7:43 pm
Gareth adds this Comment:

Alex thanks for this script, it is exactly what we have been looking for.

May 18th, 2007 at 12:03 am
Mark adds this Comment:

Alex this is great, thanks. When I started searching for a way to find a cursor position I never thought I’d find something that did exactly what I was trying to achieve with very little development needed.
I’ll add you a link on my new site when its up and running as you’ve saved me hours of work.
cheers.

May 23rd, 2007 at 11:51 am
(a different) Alex adds this Comment:

Thank you.

June 17th, 2007 at 6:08 am
Geoff adds this Comment:

Many thanks Alex,

My two day search has eventually lead me to your door. This is a fantastic script. Imagine my suprise when I first clicked on the little arrow button at the end of the toolbar to reveal even more buttons Absolutely top notch work, even cross-browser compatible. I will be using this bit of essential code in an upcoming website of mine. Please let me know if there is anything I/We all can do to help make this code even better known (assuming you would like that;))

Thanks again

Geoff

July 15th, 2007 at 9:18 pm
kb-one adds this Comment:

I am trying to figure out how to implement this. I am familiart with ASP, but totally clueless when it comes to JS. I have a textarea in a form and all I need is a button that will insert a line break at the cursor position. Can anyone help in posting code for this. Thank you very much JS GODS!!!

August 22nd, 2007 at 8:43 pm
NBA adds this Comment:

Thanks so much for your willingness to share with the development community!

September 20th, 2007 at 12:03 am
Dj Tiesto adds this Comment:

This is just what i was trying to do for a website! I was looking for cursor position in textarea and I found your website! It works so good!

Many thanks!

September 20th, 2007 at 12:05 am
Alonzo Mourning adds this Comment:

Just what I needed.
Excellent bit of coding.
keep up the your great work.
thank you.

September 20th, 2007 at 12:07 am
zichzach adds this Comment:

Thanks this great.

April 16th, 2008 at 2:58 am
Nuevas herramientas y apartados en el blog — WydBlog adds this Pingback:

[…] que no están muy familiarizadas con el Html. [Demo: en el formulario de comentarios del blog] [Página Oficial] *Nota: Muy facil y rapido de instalar, “No hace falta wordpress”, en próximos post explicare […]

August 12th, 2008 at 6:52 am
Rin - Broken Kode Test adds this Pingback:

[…] buttons (code courtesy of Alex King) incorporated into the original […]

August 26th, 2008 at 12:08 pm
Manji - Broken Kode Test adds this Pingback:

[…] buttons (code courtesy of Alex King) incorporated into the original […]

August 28th, 2008 at 2:30 am

Add a Comment

Please note: Use of a non-personal web site or blog in the field below and/or comments that are off-topic, personal attacks, or support requests will likely be removed at my discretion.