annotate media/js/markitup/jquery.markitup.js @ 201:bc958bc3c6eb

Futzing with CSS side blocks
author Brian Neal <bgneal@gmail.com>
date Mon, 12 Apr 2010 02:56:31 +0000
parents 217119c87a06
children a61b1c598001
rev   line source
gremmie@1 1 // ----------------------------------------------------------------------------
gremmie@1 2 // markItUp! Universal MarkUp Engine, JQuery plugin
bgneal@199 3 // v 1.1.7
gremmie@1 4 // Dual licensed under the MIT and GPL licenses.
gremmie@1 5 // ----------------------------------------------------------------------------
bgneal@185 6 // Copyright (C) 2007-2010 Jay Salvat
gremmie@1 7 // http://markitup.jaysalvat.com/
gremmie@1 8 // ----------------------------------------------------------------------------
gremmie@1 9 // Permission is hereby granted, free of charge, to any person obtaining a copy
gremmie@1 10 // of this software and associated documentation files (the "Software"), to deal
gremmie@1 11 // in the Software without restriction, including without limitation the rights
gremmie@1 12 // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
gremmie@1 13 // copies of the Software, and to permit persons to whom the Software is
gremmie@1 14 // furnished to do so, subject to the following conditions:
gremmie@1 15 //
gremmie@1 16 // The above copyright notice and this permission notice shall be included in
gremmie@1 17 // all copies or substantial portions of the Software.
gremmie@1 18 //
gremmie@1 19 // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
gremmie@1 20 // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
gremmie@1 21 // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
gremmie@1 22 // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
gremmie@1 23 // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
gremmie@1 24 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
gremmie@1 25 // THE SOFTWARE.
gremmie@1 26 // ----------------------------------------------------------------------------
gremmie@1 27 (function($) {
gremmie@1 28 $.fn.markItUp = function(settings, extraSettings) {
gremmie@1 29 var options, ctrlKey, shiftKey, altKey;
gremmie@1 30 ctrlKey = shiftKey = altKey = false;
gremmie@1 31
gremmie@1 32 options = { id: '',
gremmie@1 33 nameSpace: '',
gremmie@1 34 root: '',
gremmie@1 35 previewInWindow: '', // 'width=800, height=600, resizable=yes, scrollbars=yes'
gremmie@1 36 previewAutoRefresh: true,
gremmie@1 37 previewPosition: 'after',
gremmie@1 38 previewTemplatePath: '~/templates/preview.html',
gremmie@1 39 previewParserPath: '',
gremmie@1 40 previewParserVar: 'data',
gremmie@1 41 resizeHandle: true,
gremmie@1 42 beforeInsert: '',
gremmie@1 43 afterInsert: '',
gremmie@1 44 onEnter: {},
gremmie@1 45 onShiftEnter: {},
gremmie@1 46 onCtrlEnter: {},
gremmie@1 47 onTab: {},
gremmie@1 48 markupSet: [ { /* set */ } ]
gremmie@1 49 };
gremmie@1 50 $.extend(options, settings, extraSettings);
gremmie@1 51
gremmie@1 52 // compute markItUp! path
gremmie@1 53 if (!options.root) {
gremmie@1 54 $('script').each(function(a, tag) {
gremmie@1 55 miuScript = $(tag).get(0).src.match(/(.*)jquery\.markitup(\.pack)?\.js$/);
gremmie@1 56 if (miuScript !== null) {
gremmie@1 57 options.root = miuScript[1];
gremmie@1 58 }
gremmie@1 59 });
gremmie@1 60 }
gremmie@1 61
gremmie@1 62 return this.each(function() {
gremmie@1 63 var $$, textarea, levels, scrollPosition, caretPosition, caretOffset,
gremmie@1 64 clicked, hash, header, footer, previewWindow, template, iFrame, abort;
gremmie@1 65 $$ = $(this);
gremmie@1 66 textarea = this;
gremmie@1 67 levels = [];
gremmie@1 68 abort = false;
gremmie@1 69 scrollPosition = caretPosition = 0;
gremmie@1 70 caretOffset = -1;
gremmie@1 71
gremmie@1 72 options.previewParserPath = localize(options.previewParserPath);
gremmie@1 73 options.previewTemplatePath = localize(options.previewTemplatePath);
gremmie@1 74
gremmie@1 75 // apply the computed path to ~/
gremmie@1 76 function localize(data, inText) {
gremmie@1 77 if (inText) {
gremmie@1 78 return data.replace(/("|')~\//g, "$1"+options.root);
gremmie@1 79 }
gremmie@1 80 return data.replace(/^~\//, options.root);
gremmie@1 81 }
gremmie@1 82
gremmie@1 83 // init and build editor
gremmie@1 84 function init() {
gremmie@1 85 id = ''; nameSpace = '';
gremmie@1 86 if (options.id) {
gremmie@1 87 id = 'id="'+options.id+'"';
gremmie@1 88 } else if ($$.attr("id")) {
gremmie@1 89 id = 'id="markItUp'+($$.attr("id").substr(0, 1).toUpperCase())+($$.attr("id").substr(1))+'"';
gremmie@1 90
gremmie@1 91 }
gremmie@1 92 if (options.nameSpace) {
gremmie@1 93 nameSpace = 'class="'+options.nameSpace+'"';
gremmie@1 94 }
gremmie@1 95 $$.wrap('<div '+nameSpace+'></div>');
gremmie@1 96 $$.wrap('<div '+id+' class="markItUp"></div>');
gremmie@1 97 $$.wrap('<div class="markItUpContainer"></div>');
gremmie@1 98 $$.addClass("markItUpEditor");
gremmie@1 99
gremmie@1 100 // add the header before the textarea
gremmie@1 101 header = $('<div class="markItUpHeader"></div>').insertBefore($$);
gremmie@1 102 $(dropMenus(options.markupSet)).appendTo(header);
gremmie@1 103
gremmie@1 104 // add the footer after the textarea
gremmie@1 105 footer = $('<div class="markItUpFooter"></div>').insertAfter($$);
gremmie@1 106
gremmie@1 107 // add the resize handle after textarea
gremmie@1 108 if (options.resizeHandle === true && $.browser.safari !== true) {
gremmie@1 109 resizeHandle = $('<div class="markItUpResizeHandle"></div>')
gremmie@1 110 .insertAfter($$)
gremmie@1 111 .bind("mousedown", function(e) {
gremmie@1 112 var h = $$.height(), y = e.clientY, mouseMove, mouseUp;
gremmie@1 113 mouseMove = function(e) {
gremmie@1 114 $$.css("height", Math.max(20, e.clientY+h-y)+"px");
gremmie@1 115 return false;
gremmie@1 116 };
gremmie@1 117 mouseUp = function(e) {
gremmie@1 118 $("html").unbind("mousemove", mouseMove).unbind("mouseup", mouseUp);
gremmie@1 119 return false;
gremmie@1 120 };
gremmie@1 121 $("html").bind("mousemove", mouseMove).bind("mouseup", mouseUp);
gremmie@1 122 });
gremmie@1 123 footer.append(resizeHandle);
gremmie@1 124 }
gremmie@1 125
gremmie@1 126 // listen key events
gremmie@1 127 $$.keydown(keyPressed).keyup(keyPressed);
gremmie@1 128
gremmie@1 129 // bind an event to catch external calls
gremmie@1 130 $$.bind("insertion", function(e, settings) {
gremmie@1 131 if (settings.target !== false) {
gremmie@1 132 get();
gremmie@1 133 }
gremmie@1 134 if (textarea === $.markItUp.focused) {
gremmie@1 135 markup(settings);
gremmie@1 136 }
gremmie@1 137 });
gremmie@1 138
gremmie@1 139 // remember the last focus
gremmie@1 140 $$.focus(function() {
gremmie@1 141 $.markItUp.focused = this;
gremmie@1 142 });
gremmie@1 143 }
gremmie@1 144
gremmie@1 145 // recursively build header with dropMenus from markupset
gremmie@1 146 function dropMenus(markupSet) {
gremmie@1 147 var ul = $('<ul></ul>'), i = 0;
gremmie@1 148 $('li:hover > ul', ul).css('display', 'block');
gremmie@1 149 $.each(markupSet, function() {
gremmie@1 150 var button = this, t = '', title, li, j;
gremmie@1 151 title = (button.key) ? (button.name||'')+' [Ctrl+'+button.key+']' : (button.name||'');
gremmie@1 152 key = (button.key) ? 'accesskey="'+button.key+'"' : '';
gremmie@1 153 if (button.separator) {
gremmie@1 154 li = $('<li class="markItUpSeparator">'+(button.separator||'')+'</li>').appendTo(ul);
gremmie@1 155 } else {
gremmie@1 156 i++;
gremmie@1 157 for (j = levels.length -1; j >= 0; j--) {
gremmie@1 158 t += levels[j]+"-";
gremmie@1 159 }
gremmie@1 160 li = $('<li class="markItUpButton markItUpButton'+t+(i)+' '+(button.className||'')+'"><a href="" '+key+' title="'+title+'">'+(button.name||'')+'</a></li>')
gremmie@1 161 .bind("contextmenu", function() { // prevent contextmenu on mac and allow ctrl+click
gremmie@1 162 return false;
gremmie@1 163 }).click(function() {
gremmie@1 164 return false;
bgneal@199 165 }).mousedown(function() {
gremmie@1 166 if (button.call) {
gremmie@1 167 eval(button.call)();
gremmie@1 168 }
bgneal@199 169 setTimeout(function() { markup(button) },1);
gremmie@1 170 return false;
gremmie@1 171 }).hover(function() {
gremmie@1 172 $('> ul', this).show();
gremmie@1 173 $(document).one('click', function() { // close dropmenu if click outside
gremmie@1 174 $('ul ul', header).hide();
gremmie@1 175 }
gremmie@1 176 );
gremmie@1 177 }, function() {
gremmie@1 178 $('> ul', this).hide();
gremmie@1 179 }
gremmie@1 180 ).appendTo(ul);
gremmie@1 181 if (button.dropMenu) {
gremmie@1 182 levels.push(i);
gremmie@1 183 $(li).addClass('markItUpDropMenu').append(dropMenus(button.dropMenu));
gremmie@1 184 }
gremmie@1 185 }
gremmie@1 186 });
gremmie@1 187 levels.pop();
gremmie@1 188 return ul;
gremmie@1 189 }
gremmie@1 190
gremmie@1 191 // markItUp! markups
gremmie@1 192 function magicMarkups(string) {
gremmie@1 193 if (string) {
gremmie@1 194 string = string.toString();
gremmie@1 195 string = string.replace(/\(\!\(([\s\S]*?)\)\!\)/g,
gremmie@1 196 function(x, a) {
gremmie@1 197 var b = a.split('|!|');
gremmie@1 198 if (altKey === true) {
gremmie@1 199 return (b[1] !== undefined) ? b[1] : b[0];
gremmie@1 200 } else {
gremmie@1 201 return (b[1] === undefined) ? "" : b[0];
gremmie@1 202 }
gremmie@1 203 }
gremmie@1 204 );
gremmie@1 205 // [![prompt]!], [![prompt:!:value]!]
gremmie@1 206 string = string.replace(/\[\!\[([\s\S]*?)\]\!\]/g,
gremmie@1 207 function(x, a) {
gremmie@1 208 var b = a.split(':!:');
gremmie@1 209 if (abort === true) {
gremmie@1 210 return false;
gremmie@1 211 }
gremmie@1 212 value = prompt(b[0], (b[1]) ? b[1] : '');
gremmie@1 213 if (value === null) {
gremmie@1 214 abort = true;
gremmie@1 215 }
gremmie@1 216 return value;
gremmie@1 217 }
gremmie@1 218 );
gremmie@1 219 return string;
gremmie@1 220 }
gremmie@1 221 return "";
gremmie@1 222 }
gremmie@1 223
gremmie@1 224 // prepare action
gremmie@1 225 function prepare(action) {
gremmie@1 226 if ($.isFunction(action)) {
gremmie@1 227 action = action(hash);
gremmie@1 228 }
gremmie@1 229 return magicMarkups(action);
gremmie@1 230 }
gremmie@1 231
gremmie@1 232 // build block to insert
gremmie@1 233 function build(string) {
gremmie@1 234 openWith = prepare(clicked.openWith);
gremmie@1 235 placeHolder = prepare(clicked.placeHolder);
gremmie@1 236 replaceWith = prepare(clicked.replaceWith);
gremmie@1 237 closeWith = prepare(clicked.closeWith);
gremmie@1 238 if (replaceWith !== "") {
gremmie@1 239 block = openWith + replaceWith + closeWith;
gremmie@1 240 } else if (selection === '' && placeHolder !== '') {
gremmie@1 241 block = openWith + placeHolder + closeWith;
gremmie@1 242 } else {
gremmie@1 243 block = openWith + (string||selection) + closeWith;
gremmie@1 244 }
gremmie@1 245 return { block:block,
gremmie@1 246 openWith:openWith,
gremmie@1 247 replaceWith:replaceWith,
gremmie@1 248 placeHolder:placeHolder,
gremmie@1 249 closeWith:closeWith
gremmie@1 250 };
gremmie@1 251 }
gremmie@1 252
gremmie@1 253 // define markup to insert
gremmie@1 254 function markup(button) {
gremmie@1 255 var len, j, n, i;
gremmie@1 256 hash = clicked = button;
gremmie@1 257 get();
gremmie@1 258
gremmie@1 259 $.extend(hash, { line:"",
gremmie@1 260 root:options.root,
gremmie@1 261 textarea:textarea,
gremmie@1 262 selection:(selection||''),
gremmie@1 263 caretPosition:caretPosition,
gremmie@1 264 ctrlKey:ctrlKey,
gremmie@1 265 shiftKey:shiftKey,
gremmie@1 266 altKey:altKey
gremmie@1 267 }
gremmie@1 268 );
gremmie@1 269 // callbacks before insertion
gremmie@1 270 prepare(options.beforeInsert);
gremmie@1 271 prepare(clicked.beforeInsert);
gremmie@1 272 if (ctrlKey === true && shiftKey === true) {
gremmie@1 273 prepare(clicked.beforeMultiInsert);
gremmie@1 274 }
gremmie@1 275 $.extend(hash, { line:1 });
gremmie@1 276
gremmie@1 277 if (ctrlKey === true && shiftKey === true) {
gremmie@1 278 lines = selection.split(/\r?\n/);
gremmie@1 279 for (j = 0, n = lines.length, i = 0; i < n; i++) {
gremmie@1 280 if ($.trim(lines[i]) !== '') {
gremmie@1 281 $.extend(hash, { line:++j, selection:lines[i] } );
gremmie@1 282 lines[i] = build(lines[i]).block;
gremmie@1 283 } else {
gremmie@1 284 lines[i] = "";
gremmie@1 285 }
gremmie@1 286 }
gremmie@1 287 string = { block:lines.join('\n')};
gremmie@1 288 start = caretPosition;
gremmie@1 289 len = string.block.length + (($.browser.opera) ? n : 0);
gremmie@1 290 } else if (ctrlKey === true) {
gremmie@1 291 string = build(selection);
gremmie@1 292 start = caretPosition + string.openWith.length;
gremmie@1 293 len = string.block.length - string.openWith.length - string.closeWith.length;
gremmie@1 294 len -= fixIeBug(string.block);
gremmie@1 295 } else if (shiftKey === true) {
gremmie@1 296 string = build(selection);
gremmie@1 297 start = caretPosition;
gremmie@1 298 len = string.block.length;
gremmie@1 299 len -= fixIeBug(string.block);
gremmie@1 300 } else {
gremmie@1 301 string = build(selection);
gremmie@1 302 start = caretPosition + string.block.length ;
gremmie@1 303 len = 0;
gremmie@1 304 start -= fixIeBug(string.block);
gremmie@1 305 }
gremmie@1 306 if ((selection === '' && string.replaceWith === '')) {
gremmie@1 307 caretOffset += fixOperaBug(string.block);
gremmie@1 308
gremmie@1 309 start = caretPosition + string.openWith.length;
gremmie@1 310 len = string.block.length - string.openWith.length - string.closeWith.length;
gremmie@1 311
gremmie@1 312 caretOffset = $$.val().substring(caretPosition, $$.val().length).length;
gremmie@1 313 caretOffset -= fixOperaBug($$.val().substring(0, caretPosition));
gremmie@1 314 }
gremmie@1 315 $.extend(hash, { caretPosition:caretPosition, scrollPosition:scrollPosition } );
gremmie@1 316
gremmie@1 317 if (string.block !== selection && abort === false) {
gremmie@1 318 insert(string.block);
gremmie@1 319 set(start, len);
gremmie@1 320 } else {
gremmie@1 321 caretOffset = -1;
gremmie@1 322 }
gremmie@1 323 get();
gremmie@1 324
gremmie@1 325 $.extend(hash, { line:'', selection:selection });
gremmie@1 326
gremmie@1 327 // callbacks after insertion
gremmie@1 328 if (ctrlKey === true && shiftKey === true) {
gremmie@1 329 prepare(clicked.afterMultiInsert);
gremmie@1 330 }
gremmie@1 331 prepare(clicked.afterInsert);
gremmie@1 332 prepare(options.afterInsert);
gremmie@1 333
gremmie@1 334 // refresh preview if opened
gremmie@1 335 if (previewWindow && options.previewAutoRefresh) {
gremmie@1 336 refreshPreview();
gremmie@1 337 }
gremmie@1 338
gremmie@1 339 // reinit keyevent
gremmie@1 340 shiftKey = altKey = ctrlKey = abort = false;
gremmie@1 341 }
gremmie@1 342
gremmie@1 343 // Substract linefeed in Opera
gremmie@1 344 function fixOperaBug(string) {
gremmie@1 345 if ($.browser.opera) {
gremmie@1 346 return string.length - string.replace(/\n*/g, '').length;
gremmie@1 347 }
gremmie@1 348 return 0;
gremmie@1 349 }
gremmie@1 350 // Substract linefeed in IE
gremmie@1 351 function fixIeBug(string) {
gremmie@1 352 if ($.browser.msie) {
gremmie@1 353 return string.length - string.replace(/\r*/g, '').length;
gremmie@1 354 }
gremmie@1 355 return 0;
gremmie@1 356 }
gremmie@1 357
gremmie@1 358 // add markup
gremmie@1 359 function insert(block) {
gremmie@1 360 if (document.selection) {
gremmie@1 361 var newSelection = document.selection.createRange();
gremmie@1 362 newSelection.text = block;
gremmie@1 363 } else {
gremmie@1 364 $$.val($$.val().substring(0, caretPosition) + block + $$.val().substring(caretPosition + selection.length, $$.val().length));
gremmie@1 365 }
gremmie@1 366 }
gremmie@1 367
gremmie@1 368 // set a selection
gremmie@1 369 function set(start, len) {
gremmie@1 370 if (textarea.createTextRange){
gremmie@1 371 // quick fix to make it work on Opera 9.5
gremmie@1 372 if ($.browser.opera && $.browser.version >= 9.5 && len == 0) {
gremmie@1 373 return false;
gremmie@1 374 }
gremmie@1 375 range = textarea.createTextRange();
gremmie@1 376 range.collapse(true);
gremmie@1 377 range.moveStart('character', start);
gremmie@1 378 range.moveEnd('character', len);
gremmie@1 379 range.select();
gremmie@1 380 } else if (textarea.setSelectionRange ){
gremmie@1 381 textarea.setSelectionRange(start, start + len);
gremmie@1 382 }
gremmie@1 383 textarea.scrollTop = scrollPosition;
gremmie@1 384 textarea.focus();
gremmie@1 385 }
gremmie@1 386
gremmie@1 387 // get the selection
gremmie@1 388 function get() {
gremmie@1 389 textarea.focus();
gremmie@1 390
gremmie@1 391 scrollPosition = textarea.scrollTop;
gremmie@1 392 if (document.selection) {
gremmie@1 393 selection = document.selection.createRange().text;
gremmie@1 394 if ($.browser.msie) { // ie
gremmie@1 395 var range = document.selection.createRange(), rangeCopy = range.duplicate();
gremmie@1 396 rangeCopy.moveToElementText(textarea);
gremmie@1 397 caretPosition = -1;
gremmie@1 398 while(rangeCopy.inRange(range)) { // fix most of the ie bugs with linefeeds...
gremmie@1 399 rangeCopy.moveStart('character');
gremmie@1 400 caretPosition ++;
gremmie@1 401 }
gremmie@1 402 } else { // opera
gremmie@1 403 caretPosition = textarea.selectionStart;
gremmie@1 404 }
bgneal@199 405 } else { // gecko & webkit
gremmie@1 406 caretPosition = textarea.selectionStart;
gremmie@1 407 selection = $$.val().substring(caretPosition, textarea.selectionEnd);
gremmie@1 408 }
gremmie@1 409 return selection;
gremmie@1 410 }
gremmie@1 411
gremmie@1 412 // open preview window
gremmie@1 413 function preview() {
gremmie@1 414 if (!previewWindow || previewWindow.closed) {
gremmie@1 415 if (options.previewInWindow) {
gremmie@1 416 previewWindow = window.open('', 'preview', options.previewInWindow);
gremmie@1 417 } else {
gremmie@1 418 iFrame = $('<iframe class="markItUpPreviewFrame"></iframe>');
gremmie@1 419 if (options.previewPosition == 'after') {
gremmie@1 420 iFrame.insertAfter(footer);
gremmie@1 421 } else {
gremmie@1 422 iFrame.insertBefore(header);
gremmie@1 423 }
bgneal@185 424 previewWindow = iFrame[iFrame.length - 1].contentWindow || frame[iFrame.length - 1];
gremmie@1 425 }
gremmie@1 426 } else if (altKey === true) {
bgneal@185 427 // Thx Stephen M. Redd for the IE8 fix
gremmie@1 428 if (iFrame) {
gremmie@1 429 iFrame.remove();
bgneal@185 430 } else {
bgneal@185 431 previewWindow.close();
gremmie@1 432 }
gremmie@1 433 previewWindow = iFrame = false;
gremmie@1 434 }
gremmie@1 435 if (!options.previewAutoRefresh) {
gremmie@1 436 refreshPreview();
gremmie@1 437 }
gremmie@1 438 }
gremmie@1 439
gremmie@1 440 // refresh Preview window
gremmie@1 441 function refreshPreview() {
bgneal@185 442 renderPreview();
bgneal@185 443 }
bgneal@185 444
bgneal@185 445 function renderPreview() {
bgneal@185 446 var phtml;
bgneal@185 447 if (options.previewParserPath !== '') {
bgneal@185 448 $.ajax( {
bgneal@185 449 type: 'POST',
bgneal@185 450 url: options.previewParserPath,
bgneal@185 451 data: options.previewParserVar+'='+encodeURIComponent($$.val()),
bgneal@185 452 success: function(data) {
bgneal@185 453 writeInPreview( localize(data, 1) );
bgneal@185 454 }
bgneal@185 455 } );
bgneal@185 456 } else {
bgneal@185 457 if (!template) {
bgneal@185 458 $.ajax( {
bgneal@185 459 url: options.previewTemplatePath,
bgneal@185 460 success: function(data) {
bgneal@185 461 writeInPreview( localize(data, 1).replace(/<!-- content -->/g, $$.val()) );
bgneal@185 462 }
bgneal@185 463 } );
bgneal@185 464 }
bgneal@185 465 }
bgneal@185 466 return false;
bgneal@185 467 }
bgneal@185 468
bgneal@185 469 function writeInPreview(data) {
gremmie@1 470 if (previewWindow.document) {
gremmie@1 471 try {
gremmie@1 472 sp = previewWindow.document.documentElement.scrollTop
gremmie@1 473 } catch(e) {
gremmie@1 474 sp = 0;
bgneal@185 475 }
gremmie@1 476 previewWindow.document.open();
bgneal@185 477 previewWindow.document.write(data);
gremmie@1 478 previewWindow.document.close();
gremmie@1 479 previewWindow.document.documentElement.scrollTop = sp;
gremmie@1 480 }
gremmie@1 481 if (options.previewInWindow) {
gremmie@1 482 previewWindow.focus();
gremmie@1 483 }
gremmie@1 484 }
gremmie@1 485
gremmie@1 486 // set keys pressed
gremmie@1 487 function keyPressed(e) {
gremmie@1 488 shiftKey = e.shiftKey;
gremmie@1 489 altKey = e.altKey;
gremmie@1 490 ctrlKey = (!(e.altKey && e.ctrlKey)) ? e.ctrlKey : false;
gremmie@1 491
gremmie@1 492 if (e.type === 'keydown') {
gremmie@1 493 if (ctrlKey === true) {
gremmie@1 494 li = $("a[accesskey="+String.fromCharCode(e.keyCode)+"]", header).parent('li');
gremmie@1 495 if (li.length !== 0) {
gremmie@1 496 ctrlKey = false;
bgneal@199 497 setTimeout(function() {
bgneal@199 498 li.triggerHandler('mousedown');
bgneal@199 499 },1);
gremmie@1 500 return false;
gremmie@1 501 }
gremmie@1 502 }
gremmie@1 503 if (e.keyCode === 13 || e.keyCode === 10) { // Enter key
gremmie@1 504 if (ctrlKey === true) { // Enter + Ctrl
gremmie@1 505 ctrlKey = false;
gremmie@1 506 markup(options.onCtrlEnter);
gremmie@1 507 return options.onCtrlEnter.keepDefault;
gremmie@1 508 } else if (shiftKey === true) { // Enter + Shift
gremmie@1 509 shiftKey = false;
gremmie@1 510 markup(options.onShiftEnter);
gremmie@1 511 return options.onShiftEnter.keepDefault;
gremmie@1 512 } else { // only Enter
gremmie@1 513 markup(options.onEnter);
gremmie@1 514 return options.onEnter.keepDefault;
gremmie@1 515 }
gremmie@1 516 }
gremmie@1 517 if (e.keyCode === 9) { // Tab key
gremmie@1 518 if (shiftKey == true || ctrlKey == true || altKey == true) { // Thx Dr Floob.
gremmie@1 519 return false;
gremmie@1 520 }
gremmie@1 521 if (caretOffset !== -1) {
gremmie@1 522 get();
gremmie@1 523 caretOffset = $$.val().length - caretOffset;
gremmie@1 524 set(caretOffset, 0);
gremmie@1 525 caretOffset = -1;
gremmie@1 526 return false;
gremmie@1 527 } else {
gremmie@1 528 markup(options.onTab);
gremmie@1 529 return options.onTab.keepDefault;
gremmie@1 530 }
gremmie@1 531 }
gremmie@1 532 }
gremmie@1 533 }
gremmie@1 534
gremmie@1 535 init();
gremmie@1 536 });
gremmie@1 537 };
gremmie@1 538
gremmie@1 539 $.fn.markItUpRemove = function() {
gremmie@1 540 return this.each(function() {
bgneal@199 541 var $$ = $(this).unbind().removeClass('markItUpEditor');
gremmie@1 542 $$.parent('div').parent('div.markItUp').parent('div').replaceWith($$);
gremmie@1 543 }
gremmie@1 544 );
gremmie@1 545 };
gremmie@1 546
gremmie@1 547 $.markItUp = function(settings) {
gremmie@1 548 var options = { target:false };
gremmie@1 549 $.extend(options, settings);
gremmie@1 550 if (options.target) {
gremmie@1 551 return $(options.target).each(function() {
gremmie@1 552 $(this).focus();
gremmie@1 553 $(this).trigger('insertion', [options]);
gremmie@1 554 });
gremmie@1 555 } else {
gremmie@1 556 $('textarea').trigger('insertion', [options]);
gremmie@1 557 }
gremmie@1 558 };
gremmie@1 559 })(jQuery);