bla
');
-
-
-
-
- editor[r] = ace.edit(r+"-editor");
- editor[r].setTheme("ace/theme/textmate");
- editor[r].getSession().setMode("ace/mode/markdown");
-
- editor[r].setPrintMarginColumn(0);
-
- editor[r].session.setUseWrapMode(true);
-
-
-
-
-
-
- editor[r].setHighlightActiveLine(false);
-
- editor[r].renderer.setShowGutter(false);
- editor[r].renderer.setShowPrintMargin(false);
-
- editor[r].setFontSize("14px");
-
-
-
- var textarea = $('#'+r+'-textarea').hide();
- editor[r].getSession().setValue(textarea.val());
-
- editor[r].getSession().on('change', function(){
-
- textarea.val(editor[r].getSession().getValue());
-
-
- });
-
-
- });
-
- //upload
-
- drop = $('.user_images');
-
- $('.user_images .fileupload').fileupload({
- url: $(this).attr("action"),
- dropZone: drop,
- autoUpload: true,
- progressall: function (e, data) {
- var progress = parseInt(data.loaded / data.total * 100, 10);
- if(progress == 100){
- $(this).find('.progress').html('traitement en cours.');
- }
- else{
- $(this).find('.progress').html(progress + '% téléchargé.');}
- },
- always: function (e, data) {
- $(this).find('.progress').html("");
- },
-
- drop: function (e, data) {
-
- drop.css("background", "transparent");
- }
- });
-
-
- drop.bind('dragover', function (e) {
- $(this).css("background", "#B7DF63");
-
- });
-
- drop.bind('dragleave', function (e) {
- $(this).css("background", "transparent");
-
- });
-
- $(".user_images .add_files").live("click",function(){
-
- $(this).next('input').click();
- return false;
- });
-
-
-});
-
diff --git a/app/assets/javascripts/plaquettes.coffee b/app/assets/javascripts/plaquettes.coffee
index 3c6f198..52b3e2c 100644
--- a/app/assets/javascripts/plaquettes.coffee
+++ b/app/assets/javascripts/plaquettes.coffee
@@ -1,6 +1,6 @@
#= require jquery
#= require jquery_ujs
-#= require jquery-ui
+#= require jquery.ui.all
#= require ./shared/jquery.ui.touch-punch
#= require ./shared/jquery-jPuzzle
@@ -100,49 +100,6 @@ $ ->
-
-
- $(".places_jeu2").each ->
- $(this).find(".receptable").droppable
- tolerance: "touch"
- accept: (e) ->
- if e.hasClass("intru") == false and $(this).find("img").size() == 0
- true
- drop: ( event, ui ) ->
-
- $( this ).append(ui.draggable)
- ui.draggable.attr("style", "")
-
- if $(this).closest(".places_jeu2").find(".vignettes img").size() == 2
- $(this).closest(".places_jeu2").find(".success").show()
-
- $(this).find(".vignettes img").draggable
- #connectWith: ".receptable"
- tolerance: "pointer"
- revert: "invalid"
-
-
-
- $(".places_jeu").each ->
- $(this).find(".receptable").droppable
- tolerance: "touch"
- accept: (e) ->
- if e.data("rep") == $(this).data("rep")
- true
- drop: ( event, ui ) ->
-
- $( this ).append(ui.draggable)
- ui.draggable.attr("style", "")
-
- if $(this).closest(".places_jeu").find(".vignettes img").size() == 0
- $(this).closest(".places_jeu").find(".success").show()
-
- $(this).find(".vignettes img").draggable
- #connectWith: ".receptable"
- tolerance: "pointer"
- revert: "invalid"
-
-
@@ -179,7 +136,65 @@ $ ->
test_question($(this).closest(".question"))
+
+
+
+
+intialize_places_jeu2 = () ->
+ $(".places_jeu2").each ->
+ archive = $(this).html()
+ $(this).find(".receptable").droppable
+ tolerance: "touch"
+ accept: (e) ->
+ if e.hasClass("intru") == false and $(this).find("img").size() == 0
+ true
+ drop: ( event, ui ) ->
+
+ $( this ).append(ui.draggable)
+ ui.draggable.attr("style", "")
+
+ if $(this).closest(".places_jeu2").find(".vignettes img").size() == 2
+ $(this).closest(".places_jeu2").find(".success").show()
+
+ $(this).find(".vignettes img").draggable
+ #connectWith: ".receptable"
+ tolerance: "pointer"
+ revert: "invalid"
+
+ $(this).find(".reset").click ->
+ $(this).closest(".places_jeu2").html archive
+ $(this).closest(".places_jeu2").find(".success").hide()
+ intialize_places_jeu2()
+
+
+intialize_places_jeu = () ->
+ $(".places_jeu").each ->
+ archive = $(this).html()
+ $(this).find(".receptable").droppable
+ tolerance: "touch"
+ accept: (e) ->
+ if e.data("rep") == $(this).data("rep")
+ true
+ drop: ( event, ui ) ->
+
+ $( this ).append(ui.draggable)
+ ui.draggable.attr("style", "")
+ if $(this).closest(".places_jeu").find(".vignettes img").size() == 0
+ $(this).closest(".places_jeu").find(".success").show()
+
+ $(this).find(".vignettes img").draggable
+ #connectWith: ".receptable"
+ tolerance: "pointer"
+ revert: "invalid"
+
+ $(this).find(".reset").click ->
+ $(this).closest(".places_jeu").html archive
+ $(this).closest(".places_jeu").find(".success").hide()
+ intialize_places_jeu()
+
+
+
intialize_puzzle = () ->
$(".puzzle").each ->
archive = $(this).html()
@@ -220,7 +235,7 @@ intialize_arbre = () ->
win = false unless i is $(this).data("order")
if win is true
- $(".success").show()
+ $(".vie-arbre-place .success").show()
$(".vie-arbre.story").closest(".sortable_quizz").find(".reset").click ->
$(".vie-arbre.story").closest(".sortable_quizz").html archive
@@ -259,7 +274,8 @@ $(document).ready ->
-
+ intialize_places_jeu2()
+ intialize_places_jeu()
diff --git a/app/assets/javascripts/redactor.js b/app/assets/javascripts/redactor.js
new file mode 100755
index 0000000..ec3659a
--- /dev/null
+++ b/app/assets/javascripts/redactor.js
@@ -0,0 +1,4269 @@
+/*
+ Redactor v8.2.2
+ Updated: January 17, 2013
+
+ http://redactorjs.com/
+
+ Copyright (c) 2009-2013, Imperavi Inc.
+ License: http://redactorjs.com/license/
+
+ Usage: $('#content').redactor();
+*/
+
+var rwindow, rdocument;
+
+if (typeof RELANG === 'undefined')
+{
+ var RELANG = {};
+}
+
+var RLANG = {
+ html: 'HTML',
+ video: 'Insert Video',
+ image: 'Insert Image',
+ table: 'Table',
+ link: 'Link',
+ link_insert: 'Insert link',
+ unlink: 'Unlink',
+ formatting: 'Formatting',
+ paragraph: 'Paragraph',
+ quote: 'Quote',
+ code: 'Code',
+ header1: 'Header 1',
+ header2: 'Header 2',
+ header3: 'Header 3',
+ header4: 'Header 4',
+ bold: 'Bold',
+ italic: 'Italic',
+ fontcolor: 'Font Color',
+ backcolor: 'Back Color',
+ unorderedlist: 'Unordered List',
+ orderedlist: 'Ordered List',
+ outdent: 'Outdent',
+ indent: 'Indent',
+ cancel: 'Cancel',
+ insert: 'Insert',
+ save: 'Save',
+ _delete: 'Delete',
+ insert_table: 'Insert Table',
+ insert_row_above: 'Add Row Above',
+ insert_row_below: 'Add Row Below',
+ insert_column_left: 'Add Column Left',
+ insert_column_right: 'Add Column Right',
+ delete_column: 'Delete Column',
+ delete_row: 'Delete Row',
+ delete_table: 'Delete Table',
+ rows: 'Rows',
+ columns: 'Columns',
+ add_head: 'Add Head',
+ delete_head: 'Delete Head',
+ title: 'Title',
+ image_position: 'Position',
+ none: 'None',
+ left: 'Left',
+ right: 'Right',
+ image_web_link: 'Image Web Link',
+ text: 'Text',
+ mailto: 'Email',
+ web: 'URL',
+ video_html_code: 'Video Embed Code',
+ file: 'Insert File',
+ upload: 'Upload',
+ download: 'Download',
+ choose: 'Choose',
+ or_choose: 'Or choose',
+ drop_file_here: 'Drop file here',
+ align_left: 'Align text to the left',
+ align_center: 'Center text',
+ align_right: 'Align text to the right',
+ align_justify: 'Justify text',
+ horizontalrule: 'Insert Horizontal Rule',
+ deleted: 'Deleted',
+ anchor: 'Anchor',
+ link_new_tab: 'Open link in new tab',
+ underline: 'Underline',
+ alignment: 'Alignment'
+};
+
+(function($){
+
+ // Plugin
+ jQuery.fn.redactor = function(option)
+ {
+ return this.each(function()
+ {
+ var $obj = $(this);
+
+ var data = $obj.data('redactor');
+ if (!data)
+ {
+ $obj.data('redactor', (data = new Redactor(this, option)));
+ }
+ });
+ };
+
+
+ // Initialization
+ var Redactor = function(element, options)
+ {
+ // Element
+ this.$el = $(element);
+
+ // Lang
+ if (typeof options !== 'undefined' && typeof options.lang !== 'undefined' && options.lang !== 'en' && typeof RELANG[options.lang] !== 'undefined')
+ {
+ RLANG = RELANG[options.lang];
+ }
+
+ // Options
+ this.opts = $.extend({
+
+ iframe: false,
+ css: false, // url
+
+ lang: 'en',
+ direction: 'ltr', // ltr or rtl
+
+ callback: false, // function
+ keyupCallback: false, // function
+ keydownCallback: false, // function
+ execCommandCallback: false, // function
+
+ plugins: false,
+ cleanup: true,
+
+ focus: false,
+ tabindex: false,
+ autoresize: true,
+ minHeight: false,
+ fixed: false,
+ fixedTop: 0, // pixels
+ fixedBox: false,
+ source: true,
+ shortcuts: true,
+
+ mobile: true,
+ air: false, // true or toolbar
+ wym: false,
+
+ convertLinks: true,
+ convertDivs: true,
+ protocol: 'http://', // for links http or https or ftp or false
+
+ autosave: false, // false or url
+ autosaveCallback: false, // function
+ interval: 60, // seconds
+
+ imageGetJson: false, // url (ex. /folder/images.json ) or false
+
+ imageUpload: false, // url
+ imageUploadCallback: false, // function
+ imageUploadErrorCallback: false, // function
+
+ fileUpload: false, // url
+ fileUploadCallback: false, // function
+ fileUploadErrorCallback: false, // function
+
+ uploadCrossDomain: false,
+ uploadFields: false,
+
+ observeImages: true,
+ overlay: true, // modal overlay
+
+ allowedTags: ["form", "input", "button", "select", "option", "datalist", "output", "textarea", "fieldset", "legend",
+ "section", "header", "hgroup", "aside", "footer", "article", "details", "nav", "progress", "time", "canvas",
+ "code", "span", "div", "label", "a", "br", "p", "b", "i", "del", "strike", "u",
+ "img", "video", "source", "track", "audio", "iframe", "object", "embed", "param", "blockquote",
+ "mark", "cite", "small", "ul", "ol", "li", "hr", "dl", "dt", "dd", "sup", "sub",
+ "big", "pre", "code", "figure", "figcaption", "strong", "em", "table", "tr", "td",
+ "th", "tbody", "thead", "tfoot", "h1", "h2", "h3", "h4", "h5", "h6"],
+
+ toolbarExternal: false, // ID selector
+
+ buttonsCustom: {},
+ buttonsAdd: [],
+ buttons: ['html', '|', 'formatting', '|', 'bold', 'italic', 'deleted', '|', 'unorderedlist', 'orderedlist', 'outdent', 'indent', '|',
+ 'image', 'video', 'file', 'table', 'link', '|',
+ 'fontcolor', 'backcolor', '|', 'alignment', '|', 'horizontalrule'], // 'underline', 'alignleft', 'aligncenter', 'alignright', 'justify'
+
+ airButtons: ['formatting', '|', 'bold', 'italic', 'deleted', '|', 'unorderedlist', 'orderedlist', 'outdent', 'indent', '|', 'fontcolor', 'backcolor'],
+
+ formattingTags: ['p', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4'],
+
+ activeButtons: ['deleted', 'italic', 'bold', 'underline', 'unorderedlist', 'orderedlist'], // 'alignleft', 'aligncenter', 'alignright', 'justify'
+ activeButtonsStates: {
+ b: 'bold',
+ strong: 'bold',
+ i: 'italic',
+ em: 'italic',
+ del: 'deleted',
+ strike: 'deleted',
+ ul: 'unorderedlist',
+ ol: 'orderedlist',
+ u: 'underline'
+ },
+
+ colors: [
+ '#ffffff', '#000000', '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
+ '#f2f2f2', '#7f7f7f', '#ddd9c3', '#c6d9f0', '#dbe5f1', '#f2dcdb', '#ebf1dd', '#e5e0ec', '#dbeef3', '#fdeada', '#fff2ca',
+ '#d8d8d8', '#595959', '#c4bd97', '#8db3e2', '#b8cce4', '#e5b9b7', '#d7e3bc', '#ccc1d9', '#b7dde8', '#fbd5b5', '#ffe694',
+ '#bfbfbf', '#3f3f3f', '#938953', '#548dd4', '#95b3d7', '#d99694', '#c3d69b', '#b2a2c7', '#b7dde8', '#fac08f', '#f2c314',
+ '#a5a5a5', '#262626', '#494429', '#17365d', '#366092', '#953734', '#76923c', '#5f497a', '#92cddc', '#e36c09', '#c09100',
+ '#7f7f7f', '#0c0c0c', '#1d1b10', '#0f243e', '#244061', '#632423', '#4f6128', '#3f3151', '#31859b', '#974806', '#7f6000'],
+
+ // private
+ emptyHtml: '' +
+ '
' + + '
',
+
+ modal_image_edit: String() +
+ '' + + '
' +
+ '' +
+ '' +
+ '' +
+ '' +
+ '' +
+ '' +
+ '
' +
+ '',
+
+ modal_image: String() +
+ '' +
+ '' +
+ '' +
+ '' +
+ '
' +
+ '',
+
+ modal_link: String() +
+ '' +
+ '' +
+ '
' +
+ '',
+
+ modal_table: String() +
+ '' +
+ '' +
+ '' +
+ '' +
+ '' +
+ '
' +
+ '',
+
+ modal_video: String() +
+ '' +
+ '' +
+ '
'+
+ '',
+
+ toolbar: {
+ html:
+ {
+ title: RLANG.html,
+ func: 'toggle'
+ },
+ formatting:
+ {
+ title: RLANG.formatting,
+ func: 'show',
+ dropdown:
+ {
+ p:
+ {
+ title: RLANG.paragraph,
+ exec: 'formatblock'
+ },
+ blockquote:
+ {
+ title: RLANG.quote,
+ exec: 'formatblock',
+ className: 'redactor_format_blockquote'
+ },
+ pre:
+ {
+ title: RLANG.code,
+ exec: 'formatblock',
+ className: 'redactor_format_pre'
+ },
+ h1:
+ {
+ title: RLANG.header1,
+ exec: 'formatblock',
+ className: 'redactor_format_h1'
+ },
+ h2:
+ {
+ title: RLANG.header2,
+ exec: 'formatblock',
+ className: 'redactor_format_h2'
+ },
+ h3:
+ {
+ title: RLANG.header3,
+ exec: 'formatblock',
+ className: 'redactor_format_h3'
+ },
+ h4:
+ {
+ title: RLANG.header4,
+ exec: 'formatblock',
+ className: 'redactor_format_h4'
+ }
+ }
+ },
+ bold:
+ {
+ title: RLANG.bold,
+ exec: 'bold'
+ },
+ italic:
+ {
+ title: RLANG.italic,
+ exec: 'italic'
+ },
+ deleted:
+ {
+ title: RLANG.deleted,
+ exec: 'strikethrough'
+ },
+ underline:
+ {
+ title: RLANG.underline,
+ exec: 'underline'
+ },
+ unorderedlist:
+ {
+ title: '• ' + RLANG.unorderedlist,
+ exec: 'insertunorderedlist'
+ },
+ orderedlist:
+ {
+ title: '1. ' + RLANG.orderedlist,
+ exec: 'insertorderedlist'
+ },
+ outdent:
+ {
+ title: '< ' + RLANG.outdent,
+ exec: 'outdent'
+ },
+ indent:
+ {
+ title: '> ' + RLANG.indent,
+ exec: 'indent'
+ },
+ image:
+ {
+ title: RLANG.image,
+ func: 'showImage'
+ },
+ video:
+ {
+ title: RLANG.video,
+ func: 'showVideo'
+ },
+ file:
+ {
+ title: RLANG.file,
+ func: 'showFile'
+ },
+ table:
+ {
+ title: RLANG.table,
+ func: 'show',
+ dropdown:
+ {
+ insert_table:
+ {
+ title: RLANG.insert_table,
+ func: 'showTable'
+ },
+ separator_drop1:
+ {
+ name: 'separator'
+ },
+ insert_row_above:
+ {
+ title: RLANG.insert_row_above,
+ func: 'insertRowAbove'
+ },
+ insert_row_below:
+ {
+ title: RLANG.insert_row_below,
+ func: 'insertRowBelow'
+ },
+ insert_column_left:
+ {
+ title: RLANG.insert_column_left,
+ func: 'insertColumnLeft'
+ },
+ insert_column_right:
+ {
+ title: RLANG.insert_column_right,
+ func: 'insertColumnRight'
+ },
+ separator_drop2:
+ {
+ name: 'separator'
+ },
+ add_head:
+ {
+ title: RLANG.add_head,
+ func: 'addHead'
+ },
+ delete_head:
+ {
+ title: RLANG.delete_head,
+ func: 'deleteHead'
+ },
+ separator_drop3:
+ {
+ name: 'separator'
+ },
+ delete_column:
+ {
+ title: RLANG.delete_column,
+ func: 'deleteColumn'
+ },
+ delete_row:
+ {
+ title: RLANG.delete_row,
+ func: 'deleteRow'
+ },
+ delete_table:
+ {
+ title: RLANG.delete_table,
+ func: 'deleteTable'
+ }
+ }
+ },
+ link:
+ {
+ title: RLANG.link,
+ func: 'show',
+ dropdown:
+ {
+ link:
+ {
+ title: RLANG.link_insert,
+ func: 'showLink'
+ },
+ unlink:
+ {
+ title: RLANG.unlink,
+ exec: 'unlink'
+ }
+ }
+ },
+ fontcolor:
+ {
+ title: RLANG.fontcolor,
+ func: 'show'
+ },
+ backcolor:
+ {
+ title: RLANG.backcolor,
+ func: 'show'
+ },
+ alignment:
+ {
+ title: RLANG.alignment,
+ func: 'show',
+ dropdown:
+ {
+ alignleft:
+ {
+ title: RLANG.align_left,
+ exec: 'JustifyLeft'
+ },
+ aligncenter:
+ {
+ title: RLANG.align_center,
+ exec: 'JustifyCenter'
+ },
+ alignright:
+ {
+ title: RLANG.align_right,
+ exec: 'JustifyRight'
+ },
+ justify:
+ {
+ title: RLANG.align_justify,
+ exec: 'JustifyFull'
+ }
+ }
+ },
+ alignleft:
+ {
+ exec: 'JustifyLeft',
+ title: RLANG.align_left
+ },
+ aligncenter:
+ {
+ exec: 'JustifyCenter',
+ title: RLANG.align_center
+ },
+ alignright:
+ {
+ exec: 'JustifyRight',
+ title: RLANG.align_right
+ },
+ justify:
+ {
+ exec: 'JustifyFull',
+ title: RLANG.align_justify
+ },
+ horizontalrule:
+ {
+ exec: 'inserthorizontalrule',
+ title: RLANG.horizontalrule
+ }
+ }
+
+
+ }, options, this.$el.data());
+
+ this.dropdowns = [];
+
+ // Init
+ this.init();
+ };
+
+ // Functionality
+ Redactor.prototype = {
+
+
+ // Initialization
+ init: function()
+ {
+ // get dimensions
+ this.height = this.$el.css('height');
+ this.width = this.$el.css('width');
+
+ rdocument = this.document = document;
+ rwindow = this.window = window;
+
+ // mobile
+ if (this.opts.mobile === false && this.isMobile())
+ {
+ this.build(true);
+ return false;
+ }
+
+ // iframe
+ if (this.opts.iframe)
+ {
+ this.opts.autoresize = false;
+ }
+
+ // extend buttons
+ if (this.opts.air)
+ {
+ this.opts.buttons = this.opts.airButtons;
+ }
+ else if (this.opts.toolbar !== false)
+ {
+ if (this.opts.source === false)
+ {
+ var index = this.opts.buttons.indexOf('html');
+ var next = this.opts.buttons[index+1];
+ this.opts.buttons.splice(index, 1);
+ if (typeof next !== 'undefined' && next === '|')
+ {
+ this.opts.buttons.splice(index, 1);
+ }
+ }
+
+ $.extend(this.opts.toolbar, this.opts.buttonsCustom);
+ $.each(this.opts.buttonsAdd, $.proxy(function(i,s)
+ {
+ this.opts.buttons.push(s);
+
+ }, this));
+ }
+
+ // formatting tags
+ if (this.opts.toolbar !== false)
+ {
+ $.each(this.opts.toolbar.formatting.dropdown, $.proxy(function(i,s)
+ {
+ if ($.inArray(i, this.opts.formattingTags) == '-1')
+ {
+ delete this.opts.toolbar.formatting.dropdown[i];
+ }
+
+ }, this));
+ }
+
+ function afterBuild()
+ {
+ // air enable
+ this.enableAir();
+
+ // toolbar
+ this.buildToolbar();
+
+ // PLUGINS
+ if (typeof this.opts.plugins === 'object')
+ {
+ $.each(this.opts.plugins, $.proxy(function(i,s)
+ {
+ if (typeof RedactorPlugins[s] !== 'undefined')
+ {
+ $.extend(this, RedactorPlugins[s]);
+
+ if (typeof RedactorPlugins[s].init !== 'undefined')
+ {
+ this.init();
+ }
+ }
+
+ }, this));
+ }
+
+ // buttons response
+ if (this.opts.activeButtons !== false && this.opts.toolbar !== false)
+ {
+ var observeFormatting = $.proxy(function() { this.observeFormatting(); }, this);
+ this.$editor.click(observeFormatting).keyup(observeFormatting);
+ }
+
+ // paste
+ var oldsafari = false;
+ if (this.browser('webkit') && navigator.userAgent.indexOf('Chrome') === -1)
+ {
+ var arr = this.browser('version').split('.');
+ if (arr[0] < 536) oldsafari = true;
+ }
+
+ if (this.isMobile(true) === false && oldsafari === false)
+ {
+ this.$editor.bind('paste', $.proxy(function(e)
+ {
+ if (this.opts.cleanup === false)
+ {
+ return true;
+ }
+
+ this.pasteRunning = true;
+
+ this.setBuffer();
+
+ if (this.opts.autoresize === true)
+ {
+ this.saveScroll = this.document.body.scrollTop;
+ }
+ else
+ {
+ this.saveScroll = this.$editor.scrollTop();
+ }
+
+ var frag = this.extractContent();
+
+ setTimeout($.proxy(function()
+ {
+ var pastedFrag = this.extractContent();
+ this.$editor.append(frag);
+
+ this.restoreSelection();
+
+ var html = this.getFragmentHtml(pastedFrag);
+ this.pasteCleanUp(html);
+ this.pasteRunning = false;
+
+ }, this), 1);
+
+ }, this));
+ }
+
+ // key handlers
+ this.keyup();
+ this.keydown();
+
+ // autosave
+ if (this.opts.autosave !== false)
+ {
+ this.autoSave();
+ }
+
+ // observers
+ setTimeout($.proxy(function()
+ {
+ this.observeImages();
+ this.observeTables();
+
+ }, this), 1);
+
+ // FF fix
+ if (this.browser('mozilla'))
+ {
+ this.$editor.click($.proxy(function()
+ {
+ this.saveSelection();
+ }, this));
+
+ try
+ {
+ this.document.execCommand('enableObjectResizing', false, false);
+ this.document.execCommand('enableInlineTableEditing', false, false);
+ }
+ catch (e) {}
+ }
+
+ // focus
+ if (this.opts.focus)
+ {
+ setTimeout($.proxy(function(){
+ this.$editor.focus();
+ }, this), 1);
+ }
+
+ // fixed
+ if (this.opts.fixed)
+ {
+ this.observeScroll();
+ $(document).scroll($.proxy(this.observeScroll, this));
+ }
+
+ // callback
+ if (typeof this.opts.callback === 'function')
+ {
+ this.opts.callback(this);
+ }
+
+ if (this.opts.toolbar !== false)
+ {
+ this.$toolbar.find('a').attr('tabindex', '-1');
+ }
+ }
+
+ // construct editor
+ this.build(false, afterBuild);
+
+ },
+ shortcuts: function(e, cmd)
+ {
+ e.preventDefault();
+ this.execCommand(cmd, false);
+ },
+ keyup: function()
+ {
+ this.$editor.keyup($.proxy(function(e)
+ {
+ var key = e.keyCode || e.which;
+
+ if (this.browser('mozilla') && !this.pasteRunning)
+ {
+ this.saveSelection();
+ }
+
+ // callback as you type
+ if (typeof this.opts.keyupCallback === 'function')
+ {
+ this.opts.keyupCallback(this, e);
+ }
+
+ // if empty
+ if (key === 8 || key === 46)
+ {
+ this.observeImages();
+ return this.formatEmpty(e);
+ }
+
+ // new line p
+ if (key === 13 && !e.shiftKey && !e.ctrlKey && !e.metaKey)
+ {
+ if (this.browser('webkit'))
+ {
+ this.formatNewLine(e);
+ }
+
+ // convert links
+ if (this.opts.convertLinks)
+ {
+ this.$editor.linkify();
+ }
+ }
+
+ this.syncCode();
+
+ }, this));
+ },
+ keydown: function()
+ {
+ this.$editor.keydown($.proxy(function(e)
+ {
+ var key = e.keyCode || e.which;
+ var parent = this.getParentNode();
+ var current = this.getCurrentNode();
+ var pre = false;
+ var ctrl = e.ctrlKey || e.metaKey;
+
+ if ((parent || current) && ($(parent).get(0).tagName === 'PRE' || $(current).get(0).tagName === 'PRE'))
+ {
+ pre = true;
+ }
+
+ // callback keydown
+ if (typeof this.opts.keydownCallback === 'function')
+ {
+ this.opts.keydownCallback(this, e);
+ }
+
+ if (ctrl && this.opts.shortcuts)
+ {
+ if (key === 90)
+ {
+ if (this.opts.buffer !== false)
+ {
+ e.preventDefault();
+ this.getBuffer();
+ }
+ else if (e.shiftKey)
+ {
+ this.shortcuts(e, 'redo'); // Ctrl + Shift + z
+ }
+ else
+ {
+ this.shortcuts(e, 'undo'); // Ctrl + z
+ }
+ }
+ else if (key === 77)
+ {
+ this.shortcuts(e, 'removeFormat'); // Ctrl + m
+ }
+ else if (key === 66)
+ {
+ this.shortcuts(e, 'bold'); // Ctrl + b
+ }
+ else if (key === 73)
+ {
+ this.shortcuts(e, 'italic'); // Ctrl + i
+ }
+ else if (key === 74)
+ {
+ this.shortcuts(e, 'insertunorderedlist'); // Ctrl + j
+ }
+ else if (key === 75)
+ {
+ this.shortcuts(e, 'insertorderedlist'); // Ctrl + k
+ }
+ else if (key === 76)
+ {
+ this.shortcuts(e, 'superscript'); // Ctrl + l
+ }
+ else if (key === 72)
+ {
+ this.shortcuts(e, 'subscript'); // Ctrl + h
+ }
+ }
+
+ // clear undo buffer
+ if (!ctrl && key !== 90)
+ {
+ this.opts.buffer = false;
+ }
+
+ // enter
+ if (pre === true && key === 13)
+ {
+ e.preventDefault();
+
+ var html = $(current).parent().text();
+ this.insertNodeAtCaret(this.document.createTextNode('\r\n'));
+ if (html.search(/\s$/) == -1)
+ {
+ this.insertNodeAtCaret(this.document.createTextNode('\r\n'));
+ }
+ this.syncCode();
+
+ return false;
+ }
+
+ // tab
+ if (this.opts.shortcuts && !e.shiftKey && key === 9)
+ {
+ if (pre === false)
+ {
+ this.shortcuts(e, 'indent'); // Tab
+ }
+ else
+ {
+ e.preventDefault();
+ this.insertNodeAtCaret(this.document.createTextNode('\t'));
+ this.syncCode();
+ return false;
+ }
+ }
+ else if (this.opts.shortcuts && e.shiftKey && key === 9 )
+ {
+ this.shortcuts(e, 'outdent'); // Shift + tab
+ }
+
+ // safari shift key + enter
+ if (this.browser('webkit') && navigator.userAgent.indexOf('Chrome') === -1)
+ {
+ return this.safariShiftKeyEnter(e, key);
+ }
+ }, this));
+ },
+ build: function(mobile, whendone)
+ {
+ if (mobile !== true)
+ {
+ // container
+ this.$box = $('');
+
+ // air box
+ if (this.opts.air)
+ {
+ this.air = $('');
+ }
+
+ this.$content = null;
+
+ function initFrame()
+ {
+ this.$editor = this.$content.contents().find("body").attr('contenteditable', true).attr('dir', this.opts.direction);
+
+ rdocument = this.document = this.$editor[0].ownerDocument;
+ rwindow = this.window = this.document.defaultView || window;
+
+ if (this.opts.css !== false)
+ {
+ this.$content.contents().find('head').append('');
+ }
+
+ this.$editor.html(html);
+
+ if (whendone)
+ {
+ whendone.call(this);
+ whendone = null;
+ }
+ }
+
+ // editor
+ this.textareamode = true;
+ if (this.$el.get(0).tagName === 'TEXTAREA')
+ {
+ if(this.opts.iframe)
+ {
+ var me = this;
+ this.$content = $('').load(function()
+ {
+ initFrame.call(me);
+ });
+ }
+ else
+ {
+ this.$content = this.$editor = $('');
+ }
+
+ var classlist = this.$el.get(0).className.split(/\s+/);
+ $.each(classlist, $.proxy(function(i,s)
+ {
+ this.$content.addClass('redactor_' + s);
+ }, this));
+ }
+ else
+ {
+ this.textareamode = false;
+ this.$content = this.$editor = this.$el;
+ this.$el = $('').css('height', this.height);
+ }
+
+ if (this.$editor)
+ {
+ this.$editor.addClass('redactor_editor').attr('contenteditable', true).attr('dir', this.opts.direction);
+ }
+
+ if (this.opts.tabindex !== false)
+ {
+ this.$content.attr('tabindex', this.opts.tabindex);
+ }
+
+ if (this.opts.minHeight !== false)
+ {
+ this.$content.css('min-height', this.opts.minHeight + 'px');
+ }
+
+ if (this.opts.wym === true)
+ {
+ this.$content.addClass('redactor_editor_wym');
+ }
+
+ if (this.opts.autoresize === false)
+ {
+ this.$content.css('height', this.height);
+ }
+
+ // hide textarea
+ this.$el.hide();
+
+ // append box and frame
+ var html = '';
+ if (this.textareamode)
+ {
+ // get html
+ html = this.$el.val();
+ html = this.savePreCode(html);
+
+ this.$box.insertAfter(this.$el).append(this.$content).append(this.$el);
+ }
+ else
+ {
+ // get html
+ html = this.$editor.html();
+ html = this.savePreCode(html);
+
+ this.$box.insertAfter(this.$content).append(this.$el).append(this.$editor);
+
+ }
+
+ // conver newlines to p
+ html = this.paragraphy(html);
+
+ // enable
+ if (this.$editor)
+ {
+ this.$editor.html(html);
+ }
+
+ if (this.textareamode === false)
+ {
+ this.syncCode();
+ }
+ }
+ else
+ {
+ if (this.$el.get(0).tagName !== 'TEXTAREA')
+ {
+ var html = this.$el.val();
+ var textarea = $('').css('height', this.height).val(html);
+ this.$el.hide();
+ this.$el.after(textarea);
+ }
+ }
+
+ if (whendone && this.$editor)
+ {
+ whendone.call(this);
+ }
+
+ },
+ enableAir: function()
+ {
+ if (this.opts.air === false)
+ {
+ return false;
+ }
+
+ this.air.hide();
+
+ this.$editor.bind('textselect', $.proxy(function(e)
+ {
+ this.showAir(e);
+
+ }, this));
+
+ this.$editor.bind('textunselect', $.proxy(function()
+ {
+ this.air.hide();
+
+ }, this));
+
+ },
+ showAir: function(e)
+ {
+ $('.redactor_air').hide();
+
+ var width = this.air.innerWidth();
+ var left = e.clientX;
+
+ if ($(this.document).width() < (left + width))
+ {
+ left = left - width;
+ }
+
+ var top = e.clientY + $(document).scrollTop() + 14;
+ if (this.opts.iframe === true)
+ {
+ top = top + this.$box.position().top;
+ left = left + this.$box.position().left;
+ }
+
+ this.air.css({ left: left + 'px', top: top + 'px' }).show();
+ },
+ syncCode: function()
+ {
+ this.$el.val(this.$editor.html());
+ },
+
+ // API functions
+ setCode: function(html)
+ {
+ html = this.stripTags(html);
+ this.$editor.html(html).focus();
+
+ this.syncCode();
+ },
+ getCode: function()
+ {
+ var html = '';
+ if (this.opts.visual)
+ {
+ html = this.$editor.html()
+ }
+ else
+ {
+ html = this.$el.val();
+ }
+
+ return this.stripTags(html);
+ },
+ insertHtml: function(html)
+ {
+ this.$editor.focus();
+ this.pasteHtmlAtCaret(html);
+ this.observeImages();
+ this.syncCode();
+ },
+
+ pasteHtmlAtCaret: function (html)
+ {
+ var sel, range;
+ if (this.document.getSelection)
+ {
+ sel = this.window.getSelection();
+ if (sel.getRangeAt && sel.rangeCount)
+ {
+ range = sel.getRangeAt(0);
+ range.deleteContents();
+ var el = this.document.createElement("div");
+ el.innerHTML = html;
+ var frag = this.document.createDocumentFragment(), node, lastNode;
+ while (node = el.firstChild)
+ {
+ lastNode = frag.appendChild(node);
+ }
+ range.insertNode(frag);
+
+ if (lastNode)
+ {
+ range = range.cloneRange();
+ range.setStartAfter(lastNode);
+ range.collapse(true);
+ sel.removeAllRanges();
+ sel.addRange(range);
+ }
+ }
+ }
+ else if (this.document.selection && this.document.selection.type != "Control")
+ {
+ this.document.selection.createRange().pasteHTML(html);
+ }
+ },
+
+ destroy: function()
+ {
+ var html = this.getCode();
+
+ if (this.textareamode)
+ {
+ this.$box.after(this.$el);
+ this.$box.remove();
+ this.$el.height(this.height).val(html).show();
+ }
+ else
+ {
+ this.$box.after(this.$editor);
+ this.$box.remove();
+ this.$editor.removeClass('redactor_editor').removeClass('redactor_editor_wym').attr('contenteditable', false).html(html).show();
+ }
+
+ if (this.opts.toolbarExternal)
+ {
+ $(this.opts.toolbarExternal).empty();
+ }
+
+ $('.redactor_air').remove();
+
+ for (var i = 0; i < this.dropdowns.length; i++)
+ {
+ this.dropdowns[i].remove();
+ delete(this.dropdowns[i]);
+ }
+
+ if (this.opts.autosave !== false)
+ {
+ clearInterval(this.autosaveInterval);
+ }
+
+ },
+ // end API functions
+
+ // OBSERVERS
+ observeFormatting: function()
+ {
+ var parent = this.getCurrentNode();
+
+ this.inactiveAllButtons();
+
+ $.each(this.opts.activeButtonsStates, $.proxy(function(i,s)
+ {
+ if ($(parent).closest(i,this.$editor.get()[0]).length != 0)
+ {
+ this.setBtnActive(s);
+ }
+
+ }, this));
+
+ var tag = $(parent).closest(['p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote', 'td']);
+
+ if (typeof tag[0] !== 'undefined' && typeof tag[0].elem !== 'undefined' && $(tag[0].elem).size() != 0)
+ {
+ var align = $(tag[0].elem).css('text-align');
+
+ switch (align)
+ {
+ case 'right':
+ this.setBtnActive('alignright');
+ break;
+ case 'center':
+ this.setBtnActive('aligncenter');
+ break;
+ case 'justify':
+ this.setBtnActive('justify');
+ break;
+ default:
+ this.setBtnActive('alignleft');
+ break;
+ }
+ }
+ },
+ observeImages: function()
+ {
+ /*if (this.opts.observeImages === false)
+ {
+ return false;
+ }
+
+ this.$editor.find('img').each($.proxy(function(i,s)
+ {
+ if (this.browser('msie'))
+ {
+ $(s).attr('unselectable', 'on');
+ }
+
+ this.resizeImage(s);
+
+ }, this));*/
+
+ },
+ observeTables: function()
+ {
+ this.$editor.find('table').click($.proxy(this.tableObserver, this));
+ },
+ observeScroll: function()
+ {
+ var scrolltop = $(this.document).scrollTop();
+ var boxtop = this.$box.offset().top;
+ var left = 0;
+
+ if (scrolltop > boxtop)
+ {
+ var width = '100%';
+ if (this.opts.fixedBox)
+ {
+ left = this.$box.offset().left;
+ width = this.$box.innerWidth();
+ }
+
+ this.fixed = true;
+ this.$toolbar.css({ position: 'fixed', width: width, zIndex: 1005, top: this.opts.fixedTop + 'px', left: left });
+ }
+ else
+ {
+ this.fixed = false;
+ this.$toolbar.css({ position: 'relative', width: 'auto', zIndex: 1, top: 0, left: left });
+ }
+ },
+
+ // BUFFER
+ setBuffer: function()
+ {
+ this.saveSelection();
+ this.opts.buffer = this.$editor.html();
+ },
+ getBuffer: function()
+ {
+ if (this.opts.buffer === false)
+ {
+ return false;
+ }
+
+ this.$editor.html(this.opts.buffer);
+
+ if (!this.browser('msie'))
+ {
+ this.restoreSelection();
+ }
+
+ this.opts.buffer = false;
+ },
+
+
+
+ // EXECCOMMAND
+ execCommand: function(cmd, param)
+ {
+ if (this.opts.visual == false)
+ {
+ this.$el.focus();
+ return false;
+ }
+
+ try
+ {
+
+ var parent;
+
+ if (cmd === 'inserthtml')
+ {
+ if (this.browser('msie'))
+ {
+ this.$editor.focus();
+ this.document.selection.createRange().pasteHTML(param);
+ }
+ else
+ {
+ this.pasteHtmlAtCaret(param);
+ //this.execRun(cmd, param);
+ }
+
+ this.observeImages();
+ }
+ else if (cmd === 'unlink')
+ {
+ parent = this.getParentNode();
+ if ($(parent).get(0).tagName === 'A')
+ {
+ $(parent).replaceWith($(parent).text());
+ }
+ else
+ {
+ this.execRun(cmd, param);
+ }
+ }
+ else if (cmd === 'JustifyLeft' || cmd === 'JustifyCenter' || cmd === 'JustifyRight' || cmd === 'JustifyFull')
+ {
+ parent = this.getCurrentNode();
+ var tag = $(parent).get(0).tagName;
+
+ if (this.opts.iframe === false && $(parent).parents('.redactor_editor').size() == 0)
+ {
+ return false;
+ }
+
+ var tagsArray = ['P', 'DIV', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'BLOCKQUOTE', 'TD'];
+ if ($.inArray(tag, tagsArray) != -1)
+ {
+ var align = false;
+
+ if (cmd === 'JustifyCenter')
+ {
+ align = 'center';
+ }
+ else if (cmd === 'JustifyRight')
+ {
+ align = 'right';
+ }
+ else if (cmd === 'JustifyFull')
+ {
+ align = 'justify';
+ }
+
+ if (align === false)
+ {
+ $(parent).css('text-align', '');
+ }
+ else
+ {
+ $(parent).css('text-align', align);
+ }
+ }
+ else
+ {
+ this.execRun(cmd, param);
+ }
+ }
+ else if (cmd === 'formatblock' && param === 'blockquote')
+ {
+ parent = this.getCurrentNode();
+ if ($(parent).get(0).tagName === 'BLOCKQUOTE')
+ {
+ if (this.browser('msie'))
+ {
+ var node = $('' + $(parent).html() + '
'); + $(parent).replaceWith(node); + } + else + { + this.execRun(cmd, 'p'); + } + } + else if ($(parent).get(0).tagName === 'P') + { + var parent2 = $(parent).parent(); + if ($(parent2).get(0).tagName === 'BLOCKQUOTE') + { + var node = $('' + $(parent).html() + '
'); + $(parent2).replaceWith(node); + this.setSelection(node[0], 0, node[0], 0); + } + else + { + if (this.browser('msie')) + { + var node = $('' + $(parent).html() + ''); + $(parent).replaceWith(node); + } + else + { + this.execRun(cmd, param); + } + } + } + else + { + this.execRun(cmd, param); + } + } + else if (cmd === 'formatblock' && (param === 'pre' || param === 'p')) + { + parent = this.getParentNode(); + + if ($(parent).get(0).tagName === 'PRE') + { + $(parent).replaceWith('
' + this.encodeEntities($(parent).text()) + '
'); + } + else + { + this.execRun(cmd, param); + } + } + else + { + if (cmd === 'inserthorizontalrule' && this.browser('msie')) + { + this.$editor.focus(); + } + + if (cmd === 'formatblock' && this.browser('mozilla')) + { + this.$editor.focus(); + } + + this.execRun(cmd, param); + } + + if (cmd === 'inserthorizontalrule') + { + this.$editor.find('hr').removeAttr('id'); + } + + this.syncCode(); + + if (this.oldIE()) + { + this.$editor.focus(); + } + + if (typeof this.opts.execCommandCallback === 'function') + { + this.opts.execCommandCallback(this, cmd); + } + + if (this.opts.air) + { + this.air.hide(); + } + } + catch (e) { } + }, + execRun: function(cmd, param) + { + if (cmd === 'formatblock' && this.browser('msie')) + { + param = '<' + param + '>'; + } + + this.document.execCommand(cmd, false, param); + }, + + // FORMAT NEW LINE + formatNewLine: function(e) + { + var parent = this.getParentNode(); + + if (parent.nodeName === 'DIV' && parent.className === 'redactor_editor') + { + var element = $(this.getCurrentNode()); + + if (element.get(0).tagName === 'DIV' && (element.html() === '' || element.html() === '')) + { + var newElement = $('
').append(element.clone().get(0).childNodes);
+ element.replaceWith(newElement);
+ newElement.html('
');
+ this.setSelection(newElement[0], 0, newElement[0], 0);
+ }
+ }
+ },
+
+ // SAFARI SHIFT KEY + ENTER
+ safariShiftKeyEnter: function(e, key)
+ {
+ if (e.shiftKey && key === 13)
+ {
+ e.preventDefault();
+ this.insertNodeAtCaret($('
').get(0));
+ this.syncCode();
+ return false;
+ }
+ else
+ {
+ return true;
+ }
+ },
+
+ // FORMAT EMPTY
+ formatEmpty: function(e)
+ {
+ var html = $.trim(this.$editor.html());
+
+ if (this.browser('mozilla'))
+ {
+ html = html.replace(/
/i, '');
+ }
+
+ var thtml = html.replace(/<(?:.|\n)*?>/gm, '');
+
+ if (html === '' || thtml === '')
+ {
+ e.preventDefault();
+
+ var node = $(this.opts.emptyHtml).get(0);
+ this.$editor.html(node);
+ this.setSelection(node, 0, node, 0);
+
+ this.syncCode();
+ return false;
+ }
+ else
+ {
+ this.syncCode();
+ }
+ },
+
+ // PARAGRAPHY
+ paragraphy: function (str)
+ {
+ str = $.trim(str);
+ if (str === '' || str === '
$2
'); + } + + // inner functions + var X = function(x, a, b) { return x.replace(new RegExp(a, 'g'), b); }; + var R = function(a, b) { return X(str, a, b); }; + + // block elements + var blocks = '(table|thead|tfoot|caption|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|blockquote|address|math|style|script|object|input|param|p|h[1-6])'; + + //str = '' + str;
+ str += '\n';
+
+ R('
\\s*
', '\n\n');
+ R('(<' + blocks + '[^>]*>)', '\n$1');
+ R('()', '$1\n\n');
+ R('\r\n|\r', '\n'); // newlines
+ R('\n\n+', '\n\n'); // remove duplicates
+ R('\n?((.|\n)+?)$', '
$1
\n'); // including one at the end + R('\\s*?
', ''); // remove empty p + R('( ');
+ R(' ([^<]+)\\s*?(]*>)', ' $1 \\s*(]*>)\\s* ( \\s*(]*>)', '$1');
+ R('(]*>)\\s* ', '\n'), '
', '$1');
+ R('
(\\s*]*>)', '$1');
+
+ // pre
+ if (str.indexOf('
', ''), '\\\\([\'\"\\\\])', '$1') + '';
+ });
+ }
+
+ return R('\n
/gi, '\n'); + s = s.replace(/<\/p>/gi, '\n'); + s = s.replace(/<\/div>/gi, '\n'); + + var tmp = this.document.createElement("div"); + tmp.innerHTML = s; + return tmp.textContent||tmp.innerText; + + }, + + + // PASTE CLEANUP + pasteCleanUp: function(html) + { + var parent = this.getParentNode(); + + // clean up pre + if ($(parent).get(0).tagName === 'PRE') + { + html = this.cleanupPre(html); + this.pasteCleanUpInsert(html); + return true; + } + + // remove comments and php tags + html = html.replace(/|<\?(?:php)?[\s\S]*?\?>/gi, ''); + + // remove nbsp + html = html.replace(/( ){2,}/gi, ' '); + + // remove google docs marker + html = html.replace(/
<\/td>/gi, '[td]'); + html = html.replace(/
)<\/[^>]+>/gi, ''); + html = html.replace(/<[^\/>][^>]*>(\s*|\t*|\n*| |
)<\/[^>]+>/gi, ''); + + // revert + html = html.replace(/\[td\]/gi, '
$2
'); + } + + // remove span + html = html.replace(/([\w\W]*?)<\/span>/gi, '$1'); + + html = html.replace(/\n{3,}/gi, '\n'); + + // remove dirty p + html = html.replace(//gi, '
'); + html = html.replace(/<\/p><\/p>/gi, '
'); + + // FF fix + if (this.browser('mozilla')) + { + html = html.replace(/$/gi, ''); + } + + this.pasteCleanUpInsert(html); + + }, + + pasteCleanUpInsert: function(html) + { + this.execCommand('inserthtml', html); + + if (this.opts.autoresize === true) + { + $(this.document.body).scrollTop(this.saveScroll); + } + else + { + this.$editor.scrollTop(this.saveScroll); + } + }, + + + // TEXTAREA CODE FORMATTING + formattingRemove: function(html) + { + // save pre + var prebuffer = []; + var pre = html.match(/
\\s*","\\s*","
\\s*
", "", "
\\s*
\\s*
\\s*
", "\\s*
\\s*
"];
+ for (var i = 0; i < etags.length; ++i)
+ {
+ var bbb = etags[i];
+ html = html.replace(new RegExp(bbb,'gi'), "");
+ }
+
+ return html;
+ },
+ formattingAddBefore: function(html)
+ {
+ var lb = '\r\n';
+ var btags = ["\\s*
', '
', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '
- ').addClass('redactor_toolbar');
+
+ if (this.opts.air)
+ {
+ $(this.air).append(this.$toolbar);
+ $('body').append(this.air);
+ }
+ else
+ {
+ if (this.opts.toolbarExternal === false)
+ {
+ this.$box.prepend(this.$toolbar);
+ }
+ else
+ {
+ $(this.opts.toolbarExternal).html(this.$toolbar);
+ }
+ }
+
+ $.each(this.opts.buttons, $.proxy(function(i,key)
+ {
+
+ if (key !== '|' && typeof this.opts.toolbar[key] !== 'undefined')
+ {
+ var s = this.opts.toolbar[key];
+
+ if (this.opts.fileUpload === false && key === 'file')
+ {
+ return true;
+ }
+
+ this.$toolbar.append($('
- ').append(this.buildButton(key, s))); + } + + + if (key === '|') + { + this.$toolbar.append($(' ')); + } + + }, this)); + + }, + buildButton: function(key, s) + { + var button = $(''); + + if (typeof s.func === 'undefined') + { + button.click($.proxy(function() + { + if ($.inArray(key, this.opts.activeButtons) != -1) + { + this.inactiveAllButtons(); + this.setBtnActive(key); + } + + if (this.browser('mozilla')) + { + this.$editor.focus(); + //this.restoreSelection(); + } + + this.execCommand(s.exec, key); + + }, this)); + } + else if (s.func !== 'show') + { + button.click($.proxy(function(e) { + + this[s.func](e); + + }, this)); + } + + if (typeof s.callback !== 'undefined' && s.callback !== false) + { + button.click($.proxy(function(e) { s.callback(this, e, key); }, this)); + } + + // dropdown + if (key === 'backcolor' || key === 'fontcolor' || typeof(s.dropdown) !== 'undefined') + { + var dropdown = $('').css({position:this.element.css("position"),width:this.element.outerWidth(),height:this.element.outerHeight(), +top:this.element.css("top"),left:this.element.css("left")}));this.element=this.element.parent().data("resizable",this.element.data("resizable"));this.elementIsWrapper=true;this.element.css({marginLeft:this.originalElement.css("marginLeft"),marginTop:this.originalElement.css("marginTop"),marginRight:this.originalElement.css("marginRight"),marginBottom:this.originalElement.css("marginBottom")});this.originalElement.css({marginLeft:0,marginTop:0,marginRight:0,marginBottom:0});this.originalResizeStyle= +this.originalElement.css("resize");this.originalElement.css("resize","none");this._proportionallyResizeElements.push(this.originalElement.css({position:"static",zoom:1,display:"block"}));this.originalElement.css({margin:this.originalElement.css("margin")});this._proportionallyResize()}this.handles=a.handles||(!e(".ui-resizable-handle",this.element).length?"e,s,se":{n:".ui-resizable-n",e:".ui-resizable-e",s:".ui-resizable-s",w:".ui-resizable-w",se:".ui-resizable-se",sw:".ui-resizable-sw",ne:".ui-resizable-ne", +nw:".ui-resizable-nw"});if(this.handles.constructor==String){if(this.handles=="all")this.handles="n,e,s,w,se,sw,ne,nw";var c=this.handles.split(",");this.handles={};for(var d=0;d