/* =================================================== * bootstrap-markdown.js v2.3.1 * http://github.com/toopay/bootstrap-markdown * =================================================== * Copyright 2013 Taufan Aditya * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================== */ !function ($) { "use strict"; // jshint ;_; /* MARKDOWN CLASS DEFINITION * ========================== */ var Markdown = function (element, options) { // Class Properties this.$ns = 'bootstrap-markdown' this.$element = $(element) this.$editable = {el:null, type:null,attrKeys:[], attrValues:[], content:null} this.$options = $.extend(true, {}, $.fn.markdown.defaults, options) this.$oldContent = null this.$isPreview = false this.$editor = null this.$textarea = null this.$handler = [] this.$callback = [] this.$nextTab = [] this.showEditor() } Markdown.prototype = { constructor: Markdown , __alterButtons: function(name,alter) { var handler = this.$handler, isAll = (name == 'all'),that = this $.each(handler,function(k,v) { var halt = true if (isAll) { halt = false } else { halt = v.indexOf(name) < 0 } if (halt == false) { alter(that.$editor.find('button[data-handler="'+v+'"]')) } }) } , __buildButtons: function(buttonsArray, container) { var i, ns = this.$ns, handler = this.$handler, callback = this.$callback for (i=0;i', { 'class': 'btn-group' }) for (z=0;z ' +btnText +'') // Register handler and callback handler.push(buttonHandler) callback.push(button.callback) } // Attach the button group into container dom container.append(btnGroupContainer) } } return container } , __setListener: function() { // Set size and resizable Properties var hasRows = typeof this.$textarea.attr('rows') != 'undefined', maxRows = this.$textarea.val().split("\n").length > 5 ? this.$textarea.val().split("\n").length : '5', rowsVal = hasRows ? this.$textarea.attr('rows') : maxRows this.$textarea.attr('rows',rowsVal) this.$textarea.css('resize','none') this.$textarea .on('focus', $.proxy(this.focus, this)) .on('keypress', $.proxy(this.keypress, this)) .on('keyup', $.proxy(this.keyup, this)) if (this.eventSupported('keydown')) { this.$textarea.on('keydown', $.proxy(this.keydown, this)) } // Re-attach markdown data this.$textarea.data('markdown',this) } , __handle: function(e) { var target = $(e.currentTarget), handler = this.$handler, callback = this.$callback, handlerName = target.attr('data-handler'), callbackIndex = handler.indexOf(handlerName), callbackHandler = callback[callbackIndex] // Trigger the focusin $(e.currentTarget).focus() callbackHandler(this) // Unless it was the save handler, // focusin the textarea if (handlerName.indexOf('cmdSave') < 0) { this.$textarea.focus() } e.preventDefault() } , showEditor: function() { var instance = this, textarea, ns = this.$ns, container = this.$element, originalHeigth = container.css('height'), originalWidth = container.css('width'), editable = this.$editable, handler = this.$handler, callback = this.$callback, options = this.$options, editor = $( '
', { 'class': 'md-editor', click: function() { instance.focus() } }) // Prepare the editor if (this.$editor == null) { // Create the panel var editorHeader = $('
', { 'class': 'md-header btn-toolbar' }) // Build the main buttons if (options.buttons.length > 0) { editorHeader = this.__buildButtons(options.buttons, editorHeader) } // Build the additional buttons if (options.additionalButtons.length > 0) { editorHeader = this.__buildButtons(options.additionalButtons, editorHeader) } editor.append(editorHeader) // Wrap the textarea if (container.is('textarea')) { container.before(editor) textarea = container textarea.addClass('md-input') editor.append(textarea) } else { var rawContent = (typeof toMarkdown == 'function') ? toMarkdown(container.html()) : container.html(), currentContent = $.trim(rawContent) // This is some arbitrary content that could be edited textarea = $('