Galette

// ----------------------------------------------------------------------------

// markItUp! Universal MarkUp Engine, JQuery plugin

// v 1.1.x

// Dual licensed under the MIT and GPL licenses.

// ----------------------------------------------------------------------------

// Copyright (C) 2007-2012 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.

// ----------------------------------------------------------------------------

(function($) {

$.fn.markItUp = function(settings, extraSettings) {

var method, params, options, ctrlKey, shiftKey, altKey; ctrlKey = shiftKey = altKey = false;

if (typeof settings == 'string') {

method = settings;

params = extraSettings;

}

options = { id: '',

nameSpace: '',

root: '',

previewHandler: false,

previewInWindow: '', // 'width=800, height=600, resizable=yes, scrollbars=yes'

previewInElement: '',

previewAutoRefresh: true,

previewPosition: 'after',

previewTemplatePath: '~/templates/preview.html',

previewParser: false,

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];

}

});

}

// Quick patch to keep compatibility with jQuery 1.9

var uaMatch = function(ua) {

ua = ua.toLowerCase();

var match = /(chrome)[ \/]([\w.]+)/.exec(ua) ||

/(webkit)[ \/]([\w.]+)/.exec(ua) ||

/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua) ||

/(msie) ([\w.]+)/.exec(ua) ||

ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) ||

[];

return {

browser: match[ 1 ] || "",

version: match[ 2 ] || "0"

};

};

var matched = uaMatch( navigator.userAgent );

var browser = {};

if (matched.browser) {

browser[matched.browser] = true;

browser.version = matched.version;

}

if (browser.chrome) {

browser.webkit = true;

} else if (browser.webkit) {

browser.safari = true;

}

return this.each(function() {

var $$, textarea, levels, scrollPosition, caretPosition, caretOffset,

clicked, hash, header, footer, previewWindow, template, iFrame, abort;

$$ = $(this);

textarea = this;

levels = [];

abort = false;

scrollPosition = caretPosition = 0;

caretOffset = -1;

options.previewParserPath = localize(options.previewParserPath);

options.previewTemplatePath = localize(options.previewTemplatePath);

if (method) {

switch(method) {

case 'remove':

remove();

break;

case 'insert':

markup(params);

break;

default:

$.error('Method ' + method + ' does not exist on jQuery.markItUp');

}

return;

}

// 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('<div '+nameSpace+'></div>');

$$.wrap('<div '+id+' class="markItUp"></div>');

$$.wrap('<div class="markItUpContainer"></div>');

$$.addClass("markItUpEditor");

// add the header before the textarea

header = $('<div class="markItUpHeader"></div>').insertBefore($$);

$(dropMenus(options.markupSet)).appendTo(header);

// add the footer after the textarea

footer = $('<div class="markItUpFooter"></div>').insertAfter($$);

// add the resize handle after textarea

if (options.resizeHandle === true && browser.safari !== true) {

resizeHandle = $('<div class="markItUpResizeHandle"></div>')

.insertAfter($$)

.bind("mousedown.markItUp", 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.markItUp", mouseMove).unbind("mouseup.markItUp", mouseUp);

return false;

};

$("html").bind("mousemove.markItUp", mouseMove).bind("mouseup.markItUp", mouseUp);

});

footer.append(resizeHandle);

}

// listen key events

$$.bind('keydown.markItUp', keyPressed).bind('keyup', keyPressed);

// bind an event to catch external calls

$$.bind("insertion.markItUp", function(e, settings) {

if (settings.target !== false) {

get();

}

if (textarea === $.markItUp.focused) {

markup(settings);

}

});

// remember the last focus

$$.bind('focus.markItUp', function() {

$.markItUp.focused = this;

});

if (options.previewInElement) {

refreshPreview();

}

}

// recursively build header with dropMenus from markupset

function dropMenus(markupSet) {

var ul = $('<ul></ul>'), i = 0;

$('li:hover > ul', ul).css('display', 'block');

$.each(markupSet, function() {

var button = this, t = '', title, li, j;

title = (button.key) ? (button.name||'')+' [Ctrl+'+button.key+']' : (button.name||'');

key = (button.key) ? 'accesskey="'+button.key+'"' : '';

if (button.separator) {

li = $('<li class="markItUpSeparator">'+(button.separator||'')+'</li>').appendTo(ul);

} else {

i++;

for (j = levels.length -1; j >= 0; j--) {

t += levels[j]+"-";

}

li = $('<li class="markItUpButton markItUpButton'+t+(i)+' '+(button.className||'')+'"><a href="" '+key+' title="'+title+'">'+(button.name||'')+'</a></li>')

.bind("contextmenu.markItUp", function() { // prevent contextmenu on mac and allow ctrl+click

return false;

}).bind('click.markItUp', function(e) {

e.preventDefault();

}).bind("focusin.markItUp", function(){

$$.focus();

}).bind('mouseup', function() {

if (button.call) {

eval(button.call)();

}

setTimeout(function() { markup(button) },1);

return false;

}).bind('mouseenter.markItUp', function() {

$('> ul', this).show();

$(document).one('click', function() { // close dropmenu if click outside

$('ul ul', header).hide();

}

);

}).bind('mouseleave.markItUp', 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) {

var openWith = prepare(clicked.openWith);

var placeHolder = prepare(clicked.placeHolder);

var replaceWith = prepare(clicked.replaceWith);

var closeWith = prepare(clicked.closeWith);

var openBlockWith = prepare(clicked.openBlockWith);

var closeBlockWith = prepare(clicked.closeBlockWith);

var multiline = clicked.multiline;

if (replaceWith !== "") {

block = openWith + replaceWith + closeWith;

} else if (selection === '' && placeHolder !== '') {

block = openWith + placeHolder + closeWith;

} else {

string = string || selection;

var lines = [string], blocks = [];

if (multiline === true) {

lines = string.split(/\r?\n/);

}

for (var l = 0; l < lines.length; l++) {

line = lines[l];

var trailingSpaces;

if (trailingSpaces = line.match(/ *$/)) {

blocks.push(openWith + line.replace(/ *$/g, '') + closeWith + trailingSpaces);

} else {

blocks.push(openWith + line + closeWith);

}

}

block = blocks.join("\n");

}

block = openBlockWith + block + closeBlockWith;

return { block:block,

openBlockWith:openBlockWith,

openWith:openWith,

replaceWith:replaceWith,

placeHolder:placeHolder,

closeWith:closeWith,

closeBlockWith:closeBlockWith

};

}

// 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

}

);

// callbacks before insertion

prepare(options.beforeInsert);

prepare(clicked.beforeInsert);

if ((ctrlKey === true && shiftKey === true) || button.multiline === true) {

prepare(clicked.beforeMultiInsert);

}

$.extend(hash, { line:1 });

if ((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 = len - (string.block.match(/ $/) ? 1 : 0);

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 === '' && string.replaceWith === '')) {

caretOffset += fixOperaBug(string.block);

start = caretPosition + string.openBlockWith.length + string.openWith.length;

len = string.block.length - string.openBlockWith.length - string.openWith.length - string.closeWith.length - string.closeBlockWith.length;

caretOffset = $$.val().substring(caretPosition, $$.val().length).length;

caretOffset -= fixOperaBug($$.val().substring(0, caretPosition));

}

$.extend(hash, { caretPosition:caretPosition, scrollPosition:scrollPosition } );

if (string.block !== selection && abort === false) {

insert(string.block);

set(start, len);

} else {

caretOffset = -1;

}

get();

$.extend(hash, { line:'', selection:selection });

// callbacks after insertion

if ((ctrlKey === true && shiftKey === true) || button.multiline === 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, caretPosition) + block + textarea.value.substring(caretPosition + selection.length, textarea.value.length);

}

}

// set a selection

function set(start, len) {

if (textarea.createTextRange){

// quick fix to make it work on Opera 9.5

if (browser.opera && browser.version >= 9.5 && len == 0) {

return false;

}

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 ++;

}

} else { // opera

caretPosition = textarea.selectionStart;

}

} else { // gecko & webkit

caretPosition = textarea.selectionStart;

selection = textarea.value.substring(caretPosition, textarea.selectionEnd);

}

return selection;

}

// open preview window

function preview() {

if (typeof options.previewHandler === 'function') {

previewWindow = true;

} else if (options.previewInElement) {

previewWindow = $(options.previewInElement);

} else if (!previewWindow || previewWindow.closed) {

if (options.previewInWindow) {

previewWindow = window.open('', 'preview', options.previewInWindow);

$(window).unload(function() {

previewWindow.close();

});

} else {

iFrame = $('<iframe class="markItUpPreviewFrame"></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.previewHandler && typeof options.previewHandler === 'function') {

options.previewHandler( $$.val() );

} else if (options.previewParser && typeof options.previewParser === 'function') {

var data = options.previewParser( $$.val() );

writeInPreview(localize(data, 1) );

} else if (options.previewParserPath !== '') {

$.ajax({

type: 'POST',

dataType: 'text',

global: false,

url: options.previewParserPath,

data: options.previewParserVar+'='+encodeURIComponent($$.val()),

success: function(data) {

writeInPreview( localize(data, 1) );

}

});

} else {

if (!template) {

$.ajax({

url: options.previewTemplatePath,

dataType: 'text',

global: false,

success: function(data) {

writeInPreview( localize(data, 1).replace(/<!-- content -->/g, $$.val()) );

}

});

}

}

return false;

}

function writeInPreview(data) {

if (options.previewInElement) {

$(options.previewInElement).html(data);

} else if (previewWindow && 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) {

shiftKey = e.shiftKey;

altKey = e.altKey;

ctrlKey = (!(e.altKey && e.ctrlKey)) ? (e.ctrlKey || e.metaKey) : false;

if (e.type === 'keydown') {

if (ctrlKey === true) {

li = $('a[accesskey="'+((e.keyCode == 13) ? '\\n' : String.fromCharCode(e.keyCode))+'"]', header).parent('li');

if (li.length !== 0) {

ctrlKey = false;

setTimeout(function() {

li.triggerHandler('mouseup');

},1);

return false;

}

}

if (e.keyCode === 13 || e.keyCode === 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.keyCode === 9) { // Tab key

if (shiftKey == true || ctrlKey == true || altKey == true) {

return false;

}

if (caretOffset !== -1) {

get();

caretOffset = $$.val().length - caretOffset;

set(caretOffset, 0);

caretOffset = -1;

return false;

} else {

markup(options.onTab);

return options.onTab.keepDefault;

}

}

}

}

function remove() {

$$.unbind(".markItUp").removeClass('markItUpEditor');

$$.parent('div').parent('div.markItUp').parent('div').replaceWith($$);

$$.data('markItUp', null);

}

init();

});

};

$.fn.markItUpRemove = function() {

return this.each(function() {

$(this).markItUp('remove');

}

);

};

$.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);

// ----------------------------------------------------------------------------

// markItUp!

// ----------------------------------------------------------------------------

// Copyright (C) 2011 Jay Salvat

// http://markitup.jaysalvat.com/

// ----------------------------------------------------------------------------

// Html tags

// http://en.wikipedia.org/wiki/html

// ----------------------------------------------------------------------------

// Basic set. Feel free to add more tags

// ----------------------------------------------------------------------------

var mySettings = {

onShiftEnter: {keepDefault:false, replaceWith:'<br />\n'},

onCtrlEnter: {keepDefault:false, openWith:'\n<p>', closeWith:'</p>'},

onTab: {keepDefault:false, replaceWith:' '},

markupSet: [

{name:'Bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },

{name:'Italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)' },

{name:'Stroke through', key:'S', openWith:'<del>', closeWith:'</del>' },

{separator:'---------------' },

{name:'Bulleted List', openWith:' <li>', closeWith:'</li>', multiline:true, openBlockWith:'<ul>\n', closeBlockWith:'\n</ul>'},

{name:'Numeric List', openWith:' <li>', closeWith:'</li>', multiline:true, openBlockWith:'<ol>\n', closeBlockWith:'\n</ol>'},

{separator:'---------------' },

{name:'Picture', key:'P', replaceWith:'<img src="[![Source:!:http://]!]" alt="[![Alternative text]!]" />' },

{name:'Link', key:'L', openWith:'<a href="[![Link:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Your text to link...' },

{separator:'---------------' },

{name:'Clean', className:'clean', replaceWith:function(markitup) { return markitup.selection.replace(/<(.*?)>/g, "") } },

{name:'Preview', className:'preview', call:'preview'}

]

}

/* -------------------------------------------------------------------

// markItUp!

// By Jay Salvat - http://markitup.jaysalvat.com/

// ------------------------------------------------------------------*/

.markItUp .markItUpButton1 a {

background-image:url(images/bold.png);

}

.markItUp .markItUpButton2 a {

background-image:url(images/italic.png);

}

.markItUp .markItUpButton3 a {

background-image:url(images/stroke.png);

}

.markItUp .markItUpButton4 a {

background-image:url(images/list-bullet.png);

}

.markItUp .markItUpButton5 a {

background-image:url(images/list-numeric.png);

}

.markItUp .markItUpButton6 a {

background-image:url(images/picture.png);

}

.markItUp .markItUpButton7 a {

background-image:url(images/link.png);

}

.markItUp .markItUpButton8 a {

background-image:url(images/clean.png);

}

.markItUp .preview a {

background-image:url(images/preview.png);

}

Markup language:

Html

Description:

A basic Html markup set with Headings, Paragraph, Bold, Italic, Stroke through, Picture, Link, List, Clean button, Preview button.

Install:

- Download the zip file

- Unzip it in your markItUp! sets folder

- Modify your JS link to point at this set.js

- Modify your CSS link to point at this style.css

// ----------------------------------------------------------------------------

// markItUp!

// ----------------------------------------------------------------------------

// Copyright (C) 2008 Jay Salvat

// http://markitup.jaysalvat.com/

// ----------------------------------------------------------------------------

// Html tags

// http://en.wikipedia.org/wiki/html

// ----------------------------------------------------------------------------

// Basic set. Feel free to add more tags

// ----------------------------------------------------------------------------

galetteSettings = {

onShiftEnter: {keepDefault:false, replaceWith:'<br />\n'},

onCtrlEnter: {keepDefault:false, openWith:'\n<p>', closeWith:'</p>\n'},

onTab: {keepDefault:false, openWith:' '},

markupSet: [

{name:'Heading 1', key:'1', openWith:'<h1(!( class="[![Class]!]")!)>', closeWith:'</h1>', placeHolder:'Your title here...' },

{name:'Heading 2', key:'2', openWith:'<h2(!( class="[![Class]!]")!)>', closeWith:'</h2>', placeHolder:'Your title here...' },

{name:'Heading 3', key:'3', openWith:'<h3(!( class="[![Class]!]")!)>', closeWith:'</h3>', placeHolder:'Your title here...' },

{name:'Heading 4', key:'4', openWith:'<h4(!( class="[![Class]!]")!)>', closeWith:'</h4>', placeHolder:'Your title here...' },

{name:'Heading 5', key:'5', openWith:'<h5(!( class="[![Class]!]")!)>', closeWith:'</h5>', placeHolder:'Your title here...' },

{name:'Heading 6', key:'6', openWith:'<h6(!( class="[![Class]!]")!)>', closeWith:'</h6>', placeHolder:'Your title here...' },

{name:'Paragraph', openWith:'<p(!( class="[![Class]!]")!)>', closeWith:'</p>' },

{separator:'---------------' },

{name:'Bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },

{name:'Italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)' },

{name:'Stroke through', key:'S', openWith:'<del>', closeWith:'</del>' },

{separator:'---------------' },

{name:'Ul', openWith:'<ul>\n', closeWith:'</ul>\n' },

{name:'Ol', openWith:'<ol>\n', closeWith:'</ol>\n' },

{name:'Li', openWith:'<li>', closeWith:'</li>' },

{separator:'---------------' },

{name:'Picture', key:'P', replaceWith:'<img src="[![Source:!:http://]!]" alt="[![Alternative text]!]" />' },

{name:'Link', key:'L', openWith:'<a href="[![Link:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Your text to link...' },

{separator:'---------------' },

{name:'Clean', className:'clean', replaceWith:function(markitup) { return markitup.selection.replace(/<(.*?)>/g, "") } },

{name:'Preview', className:'preview', call:'preview' }

]

}

// ----------------------------------------------------------------------------

// markItUp!

// ----------------------------------------------------------------------------

// Copyright (C) 2008 Jay Salvat

// http://markitup.jaysalvat.com/

// ----------------------------------------------------------------------------

// Html tags

// http://en.wikipedia.org/wiki/html

// ----------------------------------------------------------------------------

// Basic set. Feel free to add more tags

// ----------------------------------------------------------------------------

galetteSettings = {

onShiftEnter: {keepDefault:false, replaceWith:'<br />\n'},

onCtrlEnter: {keepDefault:false, openWith:'\n<p>', closeWith:'</p>\n'},

onTab: {keepDefault:false, openWith:' '},

markupSet: [

{name:'Titre 1', key:'1', openWith:'<h1(!( class="[![Class]!]")!)>', closeWith:'</h1>', placeHolder:'Votre titre ici...' },

{name:'Titre 2', key:'2', openWith:'<h2(!( class="[![Class]!]")!)>', closeWith:'</h2>', placeHolder:'Votre titre ici...' },

{name:'Titre 3', key:'3', openWith:'<h3(!( class="[![Class]!]")!)>', closeWith:'</h3>', placeHolder:'Votre titre ici...' },

{name:'Titre 4', key:'4', openWith:'<h4(!( class="[![Class]!]")!)>', closeWith:'</h4>', placeHolder:'Votre titre ici...' },

{name:'Titre 5', key:'5', openWith:'<h5(!( class="[![Class]!]")!)>', closeWith:'</h5>', placeHolder:'Votre titre ici...' },

{name:'Titre 6', key:'6', openWith:'<h6(!( class="[![Class]!]")!)>', closeWith:'</h6>', placeHolder:'Votre titre ici...' },

{name:'Paragraphe', openWith:'<p(!( class="[![Class]!]")!)>', closeWith:'</p>' },

{separator:'---------------' },

{name:'Gras', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },

{name:'Italique', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)' },

{name:'Barré', key:'S', openWith:'<del>', closeWith:'</del>' },

{separator:'---------------' },

{name:'Liste non ordonnée', openWith:'<ul>\n', closeWith:'</ul>\n' },

{name:'Liste ordonnée', openWith:'<ol>\n', closeWith:'</ol>\n' },

{name:'Entrée de liste', openWith:'<li>', closeWith:'</li>' },

{separator:'---------------' },

{name:'Image', key:'P', replaceWith:'<img src="[![Source:!:http://]!]" alt="[![Alternative text]!]" />' },

{name:'Lien', key:'L', openWith:'<a href="[![Link:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Texte de votre lien...' },

{separator:'---------------' },

{name:'Nettoyer', className:'clean', replaceWith:function(markitup) { return markitup.selection.replace(/<(.*?)>/g, "") } },

{name:'Prévisualiser', className:'preview', call:'preview' }

]

}

/* -------------------------------------------------------------------

// markItUp!

// By Jay Salvat - http://markitup.jaysalvat.com/

// ------------------------------------------------------------------*/

.markItUp .markItUpButton1 a {

background-image:url(images/h1.png);

}

.markItUp .markItUpButton2 a {

background-image:url(images/h2.png);

}

.markItUp .markItUpButton3 a {

background-image:url(images/h3.png);

}

.markItUp .markItUpButton4 a {

background-image:url(images/h4.png);

}

.markItUp .markItUpButton5 a {

background-image:url(images/h5.png);

}

.markItUp .markItUpButton6 a {

background-image:url(images/h6.png);

}

.markItUp .markItUpButton7 a {

background-image:url(images/paragraph.png);

}

.markItUp .markItUpButton8 a {

background-image:url(images/bold.png);