JS Quicktags : alexking.org

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><b>JS Quicktags</b><br /><br /><div class="page-content"><br />I’ve released the JavaScript Quicktags used in <a href="http://alexking.org/projects/tasks-pro">Tasks Pro™</a>, <a href="http://alexking.org/projects/tasks">Tasks</a> and <a href="http://alexking.org/projects/wordpress">WordPress</a> under the LGPL license.<br /><br />This is a set of buttons that allow you to insert HTML tags into a content area. The tags are cursor aware – placed around a selection or at the cursor position. This is also an example of <a href="http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascript">how to get the cursor position with JavaScript</a>.<br /><br /><h3 style="text-align: left;"><br /><a href="http://alexking.org/projects/js-quicktags/demo/index.html" target="_blank">Example Page</a></h3><br />A sample insertAtCursor function:<br /><br /><div class="code"><br /><pre>function insertAtCursor(myField, myValue) {<br /> //IE support<br /> if (document.selection) {<br /> myField.focus();<br /> sel = document.selection.createRange();<br /> sel.text = myValue;<br /> }<br /> //MOZILLA/NETSCAPE support<br /> else if (myField.selectionStart || myField.selectionStart == '0') {<br /> var startPos = myField.selectionStart;<br /> var endPos = myField.selectionEnd;<br /> myField.value = myField.value.substring(0, startPos)<br /> + myValue <br /> + myField.value.substring(endPos, myField.value.length);<br /> } else {<br /> myField.value += myValue;<br /> }<br />}<br /><br />// calling the function<br /><br />insertAtCursor(document.formName.fieldName, 'this value');<br /></pre><br /></div><br /></div><br /><br /><br /><br /><br /><br /><br /><a href="http://alexking.org/projects/js-quicktags">JS Quicktags : alexking.org</a>: JS Quicktags<br /><br /><br /><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=65c741d5-378a-4401-a4b5-c7f80bd592df" style="border: none; float: right;" /></div><br /></div><br />

JS Quicktags : alexking.org

JS Quicktags I’ve released the JavaScript Quicktags used in Tasks Pro™ , Tasks and WordPress under the LGPL license. This is a set of butt...

Read more »