X-Git-Url: http://git.cyclocoop.org/?p=velocampus%2Fweb%2Fwww.git;a=blobdiff_plain;f=www%2Fextensions%2Fporte_plume%2Fjavascript%2Fjquery.markitup_pour_spip.js;fp=www%2Fextensions%2Fporte_plume%2Fjavascript%2Fjquery.markitup_pour_spip.js;h=80464a74844a7010b1df3db1ab34311ca9a7300a;hp=0000000000000000000000000000000000000000;hb=80b4d3e85f78d402ed2e73f8f5d1bf4c19962eed;hpb=aaf970bf4cdaf76689ecc10609048e18d073820c diff --git a/www/extensions/porte_plume/javascript/jquery.markitup_pour_spip.js b/www/extensions/porte_plume/javascript/jquery.markitup_pour_spip.js new file mode 100644 index 0000000..80464a7 --- /dev/null +++ b/www/extensions/porte_plume/javascript/jquery.markitup_pour_spip.js @@ -0,0 +1,698 @@ +// ---------------------------------------------------------------------------- +// markItUp! Universal MarkUp Engine, JQuery plugin +// v 1.1.8 +// Dual licensed under the MIT and GPL licenses. +// ---------------------------------------------------------------------------- +// Copyright (C) 2007-2010 Jay Salvat +// http://markitup.jaysalvat.com/ +// ---------------------------------------------------------------------------- +// Permission is hereby granted, free of charge, to any person obtaining a copy +// of this software and associated documentation files (the "Software"), to deal +// in the Software without restriction, including without limitation the rights +// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +// copies of the Software, and to permit persons to whom the Software is +// furnished to do so, subject to the following conditions: +// +// The above copyright notice and this permission notice shall be included in +// all copies or substantial portions of the Software. +// +// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +// THE SOFTWARE. +// ---------------------------------------------------------------------------- + +/* + * Le code original de markitup 1.1.8 + * a ete modifie pour prendre en compte + * + * 1) la langue utilisee dans les textarea : + * - si un textarea possede un attribut lang='xx' alors + * markitup n'affichera que les icones qui correspondent a cette langue + * - on peut passer une valeur de langue par defaut a markitup (le textarea peut ne pas en definir) + * .markitup(set_spip,{lang:'fr'}); + * - une option supplementaire optionnelle 'lang' est introduite dans les parametres + * des boutons (markupset), par exemple : lang:['fr','es','en'] + * - si un bouton n'a pas ce parametre, l'icone s'affiche + * quelque soit la langue designee dans le textarea ou les parametres de markitup ; + * sinon, il faut que la langue soit contenue dedans pour que l'icone s'affiche. + * 2) les control + shift (ou alt) + click bouton qui ne semblaient pas fonctionner + * en tout cas sous FF3/ubintu/jquery 1.2.6 a verifier chez les autres (opera 9.5/ubuntu ok) + * 3) gerer des types de selections differentes : + * - normales comme dans markitup (rien a faire) + * - 'selectionType':'word' : aux mots le plus proche si pas de selection (sinon la selection) + * - 'selectionType':'line' : aux lignes les plus proches + * - and 'return' : ugly hack to generate list (and so on) on key 'return' press + * 4) forcer des actions multilignes sans avoir besoin de faire control+click + * - 'forceMultiline':true : force donc une insertion multiligne + * 5) correction de la recuperation des selections d'Opera et de IE + * en utilisant une autre fonction de split() qui corrige leurs bugs. + * (caretOffset n'est plus necessaire) + * + */ +;(function($) { + $.fn.markItUp = function(settings, extraSettings) { + var options, ctrlKey, shiftKey, altKey; + ctrlKey = shiftKey = altKey = false; + + options = { id: '', + nameSpace: '', + root: '', + lang: '', + previewInWindow: '', // 'width=800, height=600, resizable=yes, scrollbars=yes' + previewAutoRefresh: true, + previewPosition: 'after', + previewTemplatePath: '~/templates/preview.html', + previewParserPath: '', + previewParserVar: 'data', + resizeHandle: true, + beforeInsert: '', + afterInsert: '', + onEnter: {}, + onShiftEnter: {}, + onCtrlEnter: {}, + onTab: {}, + markupSet: [ { /* set */ } ] + }; + $.extend(options, settings, extraSettings); + + // compute markItUp! path + if (!options.root) { + $('script').each(function(a, tag) { + miuScript = $(tag).get(0).src.match(/(.*)jquery\.markitup(\.pack)?\.js$/); + if (miuScript !== null) { + options.root = miuScript[1]; + } + }); + } + + return this.each(function() { + var $$, textarea, levels, scrollPosition, caretPosition, caretEffectivePosition, + clicked, hash, header, footer, previewWindow, template, iFrame, abort, + before, after; + $$ = $(this); + textarea = this; + levels = []; + abort = false; + scrollPosition = caretPosition = 0; + + options.previewParserPath = localize(options.previewParserPath); + options.previewTemplatePath = localize(options.previewTemplatePath); + + // apply the computed path to ~/ + function localize(data, inText) { + if (inText) { + return data.replace(/("|')~\//g, "$1"+options.root); + } + return data.replace(/^~\//, options.root); + } + + // init and build editor + function init() { + id = ''; nameSpace = ''; + if (options.id) { + id = 'id="'+options.id+'"'; + } else if ($$.attr("id")) { + id = 'id="markItUp'+($$.attr("id").substr(0, 1).toUpperCase())+($$.attr("id").substr(1))+'"'; + + } + if (options.nameSpace) { + nameSpace = 'class="'+options.nameSpace+'"'; + } + $$.wrap('
'); + $$.wrap('
'); + $$.wrap('
'); + $$.addClass("markItUpEditor"); + + // add the header before the textarea + header = $('
').insertBefore($$); + $(dropMenus(options.markupSet)).appendTo(header); + // remove empty dropMenu + $(header).find("li.markItUpDropMenu ul:empty").parent().remove(); + + // add the footer after the textarea + footer = $('
').insertAfter($$); + + // add the resize handle after textarea + + if (options.resizeHandle === true && $.browser.safari !== true) { + resizeHandle = $('
') + .insertAfter($$) + .bind("mousedown", function(e) { + var h = $$.height(), y = e.clientY, mouseMove, mouseUp; + mouseMove = function(e) { + $$.css("height", Math.max(20, e.clientY+h-y)+"px"); + return false; + }; + mouseUp = function(e) { + $("html").unbind("mousemove", mouseMove).unbind("mouseup", mouseUp); + return false; + }; + $("html").bind("mousemove", mouseMove).bind("mouseup", mouseUp); + }); + footer.append(resizeHandle); + } + + // listen key events + $$.keydown(keyPressed).keyup(keyPressed); + + // bind an event to catch external calls + $$.bind("insertion", function(e, settings) { + if (settings.target !== false) { + get(); + } + if (textarea === $.markItUp.focused) { + markup(settings); + } + }); + + // remember the last focus + $$.focus(function() { + $.markItUp.focused = this; + }); + } + + // recursively build header with dropMenus from markupset + function dropMenus(markupSet) { + var ul = $(''), i = 0; + var lang = ($$.attr('lang')||options.lang); + + $('li:hover > ul', ul).css('display', 'block'); + $.each(markupSet, function() { + var button = this, t = '', title, li, j; + // pas de langue ou dans la langue ; et uniquement si langue autorisee + if ((!lang || !button.lang || ($.inArray(lang, button.lang) != -1)) + && (!button.lang_not || ($.inArray(lang, button.lang_not) == -1))) { + title = (button.key) ? (button.name||'')+' [Ctrl+'+button.key+']' : (button.name||''); + key = (button.key) ? 'accesskey="'+button.key+'"' : ''; + if (button.separator) { + li = $('
  • '+(button.separator||'')+'
    • ').appendTo(ul); + } else { + i++; + for (j = levels.length -1; j >= 0; j--) { + t += levels[j]+"-"; + } + li = $('
  • '+(button.name||'')+'
    • ') + .bind("contextmenu", function() { // prevent contextmenu on mac and allow ctrl+click + return false; + }).click(function() { + return false; + }).focusin(function(){ + $$.focus(); + }).mousedown(function() { + if (button.call) { + eval(button.call)(); + } + setTimeout(function() { markup(button) },1); + return false; + }).hover(function() { + $('> ul', this).show(); + $(document).one('click', function() { // close dropmenu if click outside + $('ul ul', header).hide(); + } + ); + }, function() { + $('> ul', this).hide(); + } + ).appendTo(ul); + if (button.dropMenu) { + levels.push(i); + $(li).addClass('markItUpDropMenu').append(dropMenus(button.dropMenu)); + } + } + } + }); + levels.pop(); + return ul; + } + + // markItUp! markups + function magicMarkups(string) { + if (string) { + string = string.toString(); + string = string.replace(/\(\!\(([\s\S]*?)\)\!\)/g, + function(x, a) { + var b = a.split('|!|'); + if (altKey === true) { + return (b[1] !== undefined) ? b[1] : b[0]; + } else { + return (b[1] === undefined) ? "" : b[0]; + } + } + ); + // [![prompt]!], [![prompt:!:value]!] + string = string.replace(/\[\!\[([\s\S]*?)\]\!\]/g, + function(x, a) { + var b = a.split(':!:'); + if (abort === true) { + return false; + } + value = prompt(b[0], (b[1]) ? b[1] : ''); + if (value === null) { + abort = true; + } + return value; + } + ); + return string; + } + return ""; + } + + // prepare action + function prepare(action) { + if ($.isFunction(action)) { + action = action(hash); + } + return magicMarkups(action); + } + + // build block to insert + function build(string) { + openWith = prepare(clicked.openWith); + placeHolder = prepare(clicked.placeHolder); + replaceWith = prepare(clicked.replaceWith); + closeWith = prepare(clicked.closeWith); + if (replaceWith !== "") { + block = openWith + replaceWith + closeWith; + } else if (selection === '' && placeHolder !== '') { + block = openWith + placeHolder + closeWith; + } else { + block = openWith + (string||selection) + closeWith; + } + return { block:block, + openWith:openWith, + replaceWith:replaceWith, + placeHolder:placeHolder, + closeWith:closeWith + }; + } + + + function selectWord(){ + selectionBeforeAfter(/\s|[.,;:!¡?¿()]/); + selectionSave(); + } + function selectLine(){ + selectionBeforeAfter(/\r?\n/); + selectionSave(); + } + + function selectionRemoveLast(pattern){ + // Remove space by default + if (!pattern) pattern = /\s/; + last = selection[selection.length-1]; + if (last && last.match(pattern)) { + set(caretPosition, selection.length-1); + get(); + $.extend(hash, { caretPosition:caretPosition, scrollPosition:scrollPosition } ); + } + } + + function selectionBeforeAfter(pattern) { + if (!pattern) pattern = /\s/; + before = textarea.value.substring(0, caretEffectivePosition); + after = textarea.value.substring(caretEffectivePosition + selection.length - fixIeBug(selection)); + + before = before.split(pattern); + after = after.split(pattern); + } + + function selectionSave(){ + nb_before = before ? before[before.length-1].length : 0; + nb_after = after ? after[0].length : 0; + + nb = nb_before + selection.length + nb_after - fixIeBug(selection); + caretPosition = caretPosition - nb_before; + + set(caretPosition, nb); + get(); + $.extend(hash, { selection:selection, caretPosition:caretPosition, scrollPosition:scrollPosition } ); + } + + // define markup to insert + function markup(button) { + var len, j, n, i; + hash = clicked = button; + get(); + + $.extend(hash, { line:"", + root:options.root, + textarea:textarea, + selection:(selection||''), + caretPosition:caretPosition, + ctrlKey:ctrlKey, + shiftKey:shiftKey, + altKey:altKey + } + ); + + // corrections des selections pour que + // - soit le curseur ne change pas + // - soit on prend le mot complet (si pas de selection) + // - soit on prend la ligne (avant, apres la selection) + if (button.selectionType) { + + if (button.selectionType == "word") { + if (!selection) { + selectWord(); + } else { + // win/ff add space on double click ? (hum, seems strange) + selectionRemoveLast(/\s/); + } + } + if (button.selectionType == "line") { + selectLine(); + } + // horrible chose, mais tellement plus pratique + // car on ne peut pas de l'exerieur (json) utiliser + // les fonctions internes de markitup + if (button.selectionType == "return"){ + selectionBeforeAfter(/\r?\n/); + before_last = before[before.length-1]; + after = ''; + // gestion des listes -# et -* + if (r = before_last.match(/^-([*#]+) ?(.*)$/)) { + if (r[2]) { + button.replaceWith = "\n-"+r[1]+' '; + before_last = ''; + } else { + // supprime le -* present + // (before le fera) + button.replaceWith = "\n"; + } + } else { + before_last = ''; + button.replaceWith = "\n"; + } + before[before.length-1] = before_last; + selectionSave(); + } + } + // / fin corrections + + // callbacks before insertion + prepare(options.beforeInsert); + prepare(clicked.beforeInsert); + if (ctrlKey === true && shiftKey === true) { + prepare(clicked.beforeMultiInsert); + } + $.extend(hash, { line:1 }); + + // insertion forcee en multiligne ou ctrl+click + if ((button.forceMultiline === true && selection.length) + || (ctrlKey === true && shiftKey === true)) { + lines = selection.split(/\r?\n/); + for (j = 0, n = lines.length, i = 0; i < n; i++) { + if ($.trim(lines[i]) !== '') { + $.extend(hash, { line:++j, selection:lines[i] } ); + lines[i] = build(lines[i]).block; + } else { + lines[i] = ""; + } + } + string = { block:lines.join('\n')}; + start = caretPosition; + len = string.block.length + (($.browser.opera) ? n-1 : 0); + } else if (ctrlKey === true) { + string = build(selection); + start = caretPosition + string.openWith.length; + len = string.block.length - string.openWith.length - string.closeWith.length; + len -= fixIeBug(string.block); + } else if (shiftKey === true) { + string = build(selection); + start = caretPosition; + len = string.block.length; + len -= fixIeBug(string.block); + } else { + string = build(selection); + start = caretPosition + string.block.length ; + len = 0; + start -= fixIeBug(string.block); + } + + if (selection === ''){ + start += fixOperaBug(string.replaceWith); + } + $.extend(hash, { caretPosition:caretPosition, scrollPosition:scrollPosition } ); + + if (string.block !== selection && abort === false) { + insert(string.block); + set(start, len); + } + + get(); + + $.extend(hash, { line:'', selection:selection }); + + // callbacks after insertion + if ((button.forceMultiline === true) + || (ctrlKey === true && shiftKey === true)) { + prepare(clicked.afterMultiInsert); + } + + prepare(clicked.afterInsert); + prepare(options.afterInsert); + + // refresh preview if opened + if (previewWindow && options.previewAutoRefresh) { + refreshPreview(); + } + + // reinit keyevent + shiftKey = altKey = ctrlKey = abort = false; + + } + + // Substract linefeed in Opera + function fixOperaBug(string) { + if ($.browser.opera) { + return string.length - string.replace(/\n*/g, '').length; + } + return 0; + } + // Substract linefeed in IE + function fixIeBug(string) { + if ($.browser.msie) { + return string.length - string.replace(/\r*/g, '').length; + } + return 0; + } + + // add markup + function insert(block) { + if (document.selection) { + var newSelection = document.selection.createRange(); + newSelection.text = block; + } else { + textarea.value = textarea.value.substring(0, caretEffectivePosition) + block + textarea.value.substring(caretEffectivePosition + selection.length, textarea.value.length); + } + } + + // set a selection + function set(start, len) { + if (textarea.createTextRange){ + range = textarea.createTextRange(); + range.collapse(true); + range.moveStart('character', start); + range.moveEnd('character', len); + range.select(); + } else if (textarea.setSelectionRange ){ + textarea.setSelectionRange(start, start + len); + } + textarea.scrollTop = scrollPosition; + textarea.focus(); + } + + // get the selection + function get() { + textarea.focus(); + + scrollPosition = textarea.scrollTop; + if (document.selection) { + selection = document.selection.createRange().text; + if ($.browser.msie) { // ie + var range = document.selection.createRange(), rangeCopy = range.duplicate(); + rangeCopy.moveToElementText(textarea); + caretPosition = -1; + while(rangeCopy.inRange(range)) { + rangeCopy.moveStart('character'); + caretPosition ++; + } + caretEffectivePosition = caretPosition; + } else { // opera + caretPosition = textarea.selectionStart; + lenSelection = selection.length; + // calcul du nombre reel de caracteres pour les substr() + set(0,caretPosition); + opBefore = document.selection.createRange().text; + caretEffectivePosition = opBefore.length - fixOperaBug(opBefore); + set(caretPosition, lenSelection); + selection = document.selection.createRange().text; + } + } else { // gecko & webkit + caretPosition = textarea.selectionStart; + caretEffectivePosition = caretPosition; + selection = textarea.value.substring(caretPosition, textarea.selectionEnd); + + } + return selection; + } + + // open preview window + function preview() { + if (!previewWindow || previewWindow.closed) { + if (options.previewInWindow) { + previewWindow = window.open('', 'preview', options.previewInWindow); + $(window).unload(function() { + previewWindow.close(); + }); + } else { + iFrame = $(''); + if (options.previewPosition == 'after') { + iFrame.insertAfter(footer); + } else { + iFrame.insertBefore(header); + } + previewWindow = iFrame[iFrame.length - 1].contentWindow || frame[iFrame.length - 1]; + } + } else if (altKey === true) { + if (iFrame) { + iFrame.remove(); + } else { + previewWindow.close(); + } + previewWindow = iFrame = false; + } + if (!options.previewAutoRefresh) { + refreshPreview(); + } + if (options.previewInWindow) { + previewWindow.focus(); + } + } + + // refresh Preview window + function refreshPreview() { + renderPreview(); + } + + function renderPreview() { + var phtml; + if (options.previewParserPath !== '') { + $.ajax( { + type: 'POST', + url: options.previewParserPath, + data: options.previewParserVar+'='+encodeURIComponent($$.val()), + success: function(data) { + writeInPreview( localize(data, 1) ); + } + } ); + } else { + if (!template) { + $.ajax( { + url: options.previewTemplatePath, + success: function(data) { + writeInPreview( localize(data, 1).replace(//g, $$.val()) ); + } + } ); + } + } + return false; + } + + function writeInPreview(data) { + if (previewWindow.document) { + try { + sp = previewWindow.document.documentElement.scrollTop + } catch(e) { + sp = 0; + } + previewWindow.document.open(); + previewWindow.document.write(data); + previewWindow.document.close(); + previewWindow.document.documentElement.scrollTop = sp; + } + } + + // set keys pressed + function keyPressed(e) { + if (e.type === 'keydown') { + if (e.which === 18) {e.altKey = true;} // alt + if (e.which === 17) {e.ctrlKey = true;} // control + if (e.which === 16) {e.shiftKey = true;} // shift + } + + shiftKey = e.shiftKey; + altKey = e.altKey; + ctrlKey = (!(e.altKey && e.ctrlKey)) ? e.ctrlKey : false; + + if (e.type === 'keydown') { + if (ctrlKey === true) { + li = $("a[accesskey="+String.fromCharCode(e.which)+"]", header).parent('li'); + if (li.length !== 0) { + ctrlKey = false; + setTimeout(function() { + li.triggerHandler('mousedown'); + },1); + return false; + } + } + // si opera, on s'embete pas, il cree plus de problemes qu'autre chose + // car il ne prend pas en compte l'arret de ces evenements + if (!$.browser.opera) { + if (e.which === 13 || e.which === 10) { // Enter key + if (ctrlKey === true) { // Enter + Ctrl + ctrlKey = false; + markup(options.onCtrlEnter); + return options.onCtrlEnter.keepDefault; + } else if (shiftKey === true) { // Enter + Shift + shiftKey = false; + markup(options.onShiftEnter); + return options.onShiftEnter.keepDefault; + } else { // only Enter + markup(options.onEnter); + return options.onEnter.keepDefault; + } + } + + if (e.which === 9) { // Tab key + if (shiftKey == true || ctrlKey == true || altKey == true) { + return false; + } + markup(options.onTab); + return options.onTab.keepDefault; + } + } + } + } + + init(); + }); + }; + + $.fn.markItUpRemove = function() { + return this.each(function() { + var $$ = $(this).unbind().removeClass('markItUpEditor'); + $$.parent('div').parent('div.markItUp').parent('div').replaceWith($$); + } + ); + }; + + $.markItUp = function(settings) { + var options = { target:false }; + $.extend(options, settings); + if (options.target) { + return $(options.target).each(function() { + $(this).focus(); + $(this).trigger('insertion', [options]); + }); + } else { + $('textarea').trigger('insertion', [options]); + } + }; + +})(jQuery);