/** * SCEditor BBCode Plugin * http://www.samclarke.com/2011/07/sceditor/ * * Copyright (C) 2011-2012, Sam Clarke (samclarke.com) * * SCEditor is licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * @author Sam Clarke * @version 1.3.7 * @requires jQuery */ // ==ClosureCompiler== // @output_file_name jquery.sceditor.min.js // @compilation_level SIMPLE_OPTIMIZATIONS // ==/ClosureCompiler== /*jshint smarttabs: true, jquery: true, eqnull:true, curly: false */ (function($) { 'use strict'; /** * BBCode plugin for SCEditor * * @param {Element} el The textarea to be converted * @return {Object} options * @class sceditorBBCodePlugin * @name jQuery.sceditorBBCodePlugin */ $.sceditorBBCodePlugin = function(element, options) { var base = this; /** * Private methods * @private */ var init, buildBbcodeCache, handleStyles, handleTags, formatString, getStyle, wrapInDivs, isEmpty, mergeTextModeCommands; base.bbcodes = $.sceditorBBCodePlugin.bbcodes; /** * cache of all the tags pointing to their bbcodes to enable * faster lookup of which bbcode a tag should have * @private */ var tagsToBbcodes = {}; /** * Same as tagsToBbcodes but instead of HTML tags it's styles * @private */ var stylesToBbcodes = {}; /** * Allowed children of specific HTML tags. Empty array if no * children other than text nodes are allowed * @private */ var validChildren = { list: ['li'], table: ['tr'], tr: ['td', 'th'], code: ['br', 'p', 'div'], youtube: [] }; /** * Initializer * @private * @name sceditorBBCodePlugin.init */ init = function() { $.data(element, "sceditorbbcode", base); base.options = $.extend({}, $.sceditor.defaultOptions, options); // build the BBCode cache buildBbcodeCache(); (new $.sceditor(element, $.extend({}, base.options, { getHtmlHandler: base.getHtmlHandler, getTextHandler: base.getTextHandler, commands: mergeTextModeCommands() }) )); }; mergeTextModeCommands = function() { var merge = { bold: { txtExec: ["[b]", "[/b]"] }, italic: { txtExec: ["[i]", "[/i]"] }, underline: { txtExec: ["[u]", "[/u]"] }, strike: { txtExec: ["[s]", "[/s]"] }, subscript: { txtExec: ["[sub]", "[/sub]"] }, superscript: { txtExec: ["[sup]", "[/sup]"] }, left: { txtExec: ["[left]", "[/left]"] }, center: { txtExec: ["[center]", "[/center]"] }, right: { txtExec: ["[right]", "[/right]"] }, justify: { txtExec: ["[justify]", "[/justify]"] }, ftp: { txtExec: ["[ftp]", "[/ftp]"] }, tt: { txtExec: ["[tt]", "[/tt]"] }, glow: { txtExec: ["[glow=red,2,300]", "[/glow]"] }, shadow: { txtExec: ["[shadow=red,left]", "[/shadow]"] }, pre: { txtExec: ["[pre]", "[/pre]"] }, // @todo: check tooltip font: { txtExec: function(caller) { var editor = this; $.sceditor.command.get('font')._dropDown( editor, caller, function(fontName) { editor.insertText("[font="+fontName+"]", "[/font]"); } ); } }, // @todo: check overlapping size: { txtExec: function(caller) { var editor = this; $.sceditor.command.get('size')._dropDown( editor, caller, function(fontSize) { editor.insertText("[size="+fontSize+"]", "[/size]"); } ); } }, color: { txtExec: function(caller) { var editor = this; $.sceditor.command.get('color')._dropDown( editor, caller, function(color) { editor.insertText("[color="+color+"]", "[/color]"); } ); } }, bulletlist: { txtExec: ["[list]\n[li]", "[/li]\n[li][/li]\n[/list]"] }, orderedlist: { txtExec: ["[list type=decimal]\n[li]", "[/li]\n[li][/li]\n[/list]"] }, table: { txtExec: ["[table]\n[tr]\n[td]", "[/td]\n[/tr]\n[/table]"] }, horizontalrule: { txtExec: ["[hr]"] }, code: { txtExec: ["[code]", "[/code]"] }, image: { txtExec: function(caller, selected) { var url = prompt(this._("Enter the image URL:"), selected); if(url) this.insertText("[img]" + url + "[/img]"); } }, email: { txtExec: function(caller, selected) { var display = selected && selected.indexOf('@') > -1 ? null : selected, email = prompt(this._("Enter the e-mail address:"), (display ? '' : selected)), text = prompt(this._("Enter the displayed text:"), display || email) || email; if(email) this.insertText("[email=" + email + "]" + text + "[/email]"); } }, link: { txtExec: function(caller, selected) { var display = selected && selected.indexOf('http://') > -1 ? null : selected, url = prompt(this._("Enter URL:"), (display ? 'http://' : selected)), text = prompt(this._("Enter the displayed text:"), display || url) || url; if(url) this.insertText("[url=" + url + "]" + text + "[/url]"); } }, quote: { txtExec: ["[quote]", "[/quote]"] }, youtube: { txtExec: function(caller) { var editor = this; $.sceditor.command.get('youtube')._dropDown( editor, caller, function(id) { editor.insertText("[youtube]" + id + "[/youtube]"); } ); } }, rtl: { txtExec: ["[rtl]", "[/rtl]"] }, ltr: { txtExec: ["[ltr]", "[/ltr]"] } }; return $.extend(true, {}, merge, $.sceditor.commands); }; /** * Populates tagsToBbcodes and stylesToBbcodes to enable faster lookups * * @private */ buildBbcodeCache = function() { $.each(base.bbcodes, function(bbcode, info) { if(typeof base.bbcodes[bbcode].tags !== "undefined") $.each(base.bbcodes[bbcode].tags, function(tag, values) { var isBlock = !!base.bbcodes[bbcode].isBlock; tagsToBbcodes[tag] = (tagsToBbcodes[tag] || {}); tagsToBbcodes[tag][isBlock] = (tagsToBbcodes[tag][isBlock] || {}); tagsToBbcodes[tag][isBlock][bbcode] = values; }); if(typeof base.bbcodes[bbcode].styles !== "undefined") $.each(base.bbcodes[bbcode].styles, function(style, values) { var isBlock = !!base.bbcodes[bbcode].isBlock; stylesToBbcodes[isBlock] = (stylesToBbcodes[isBlock] || {}); stylesToBbcodes[isBlock][style] = (stylesToBbcodes[isBlock][style] || {}); stylesToBbcodes[isBlock][style][bbcode] = values; }); }); }; getStyle = function(element, property) { var name = $.camelCase(property), $elm, ret, dir; // add exception for align if("text-align" === property) { $elm = $(element); if($elm.parent().css(property) !== $elm.css(property) && $elm.css('display') === "block" && !$elm.is('hr') && !$elm.is('th')) ret = $elm.css(property); // IE changes text-align to the same as direction so skip unless overried by user dir = element.style.direction; if(dir && ((/right/i.test(ret) && dir === 'rtl') || (/left/i.test(ret) && dir === 'ltr'))) return null; return ret; } if(element.style) return element.style[name]; return null; }; isEmpty = function(element) { var childNodes = element.childNodes, i = childNodes.length; if(element.nodeValue) return false; if(childNodes.length === 0 || (childNodes.length === 1 && (/br/i.test(childNodes[0].nodeName) || isEmpty(childNodes[0])))) return true; while(i--) if(!isEmpty(childNodes[i])) return false; return true; }; /** * Checks if any bbcode styles match the elements styles * * @private * @return string Content with any matching bbcode tags wrapped around it. * @Private */ handleStyles = function(element, content, blockLevel) { var elementPropVal; // convert blockLevel to boolean blockLevel = !!blockLevel; if(!stylesToBbcodes[blockLevel]) return content; $.each(stylesToBbcodes[blockLevel], function(property, bbcodes) { elementPropVal = getStyle(element[0], property); // if the parent has the same style use that instead of this one // so you dont end up with [i]parent[i]child[/i][/i] if(!elementPropVal || getStyle(element.parent()[0], property) === elementPropVal) return; $.each(bbcodes, function(bbcode, values) { if(!/\S|\u00A0/.test(content) && !base.bbcodes[bbcode].allowsEmpty && isEmpty(element[0])) return; if(!values || $.inArray(elementPropVal.toString(), values) > -1) { if($.isFunction(base.bbcodes[bbcode].format)) content = base.bbcodes[bbcode].format.call(base, element, content); else content = formatString(base.bbcodes[bbcode].format, content); } }); }); return content; }; /** * Handles a HTML tag and finds any matching bbcodes * * @private * @param jQuery element element The element to convert * @param string content The Tags text content * @param bool blockLevel If to convert block level tags * @return string Content with any matching bbcode tags wrapped around it. * @Private */ handleTags = function(element, content, blockLevel) { var tag = element[0].nodeName.toLowerCase(); // convert blockLevel to boolean blockLevel = !!blockLevel; if(tagsToBbcodes[tag] && tagsToBbcodes[tag][blockLevel]) { // loop all bbcodes for this tag $.each(tagsToBbcodes[tag][blockLevel], function(bbcode, bbcodeAttribs) { if(!/\S|\u00A0/.test(content) && !base.bbcodes[bbcode].allowsEmpty && isEmpty(element[0])) return; // if the bbcode requires any attributes then check this has // all needed if(bbcodeAttribs) { var runBbcode = false; // loop all the bbcode attribs $.each(bbcodeAttribs, function(attrib, values) { // if the element has the bbcodes attribute and the bbcode attribute // has values check one of the values matches if(!element.attr(attrib) || (values && $.inArray(element.attr(attrib), values) < 0)) return; // break this loop as we have matched this bbcode runBbcode = true; return false; }); if(!runBbcode) return; } if($.isFunction(base.bbcodes[bbcode].format)) content = base.bbcodes[bbcode].format.call(base, element, content); else content = formatString(base.bbcodes[bbcode].format, content); }); } // add newline after paragraph elements p and div (WebKit uses divs) and br tags if(blockLevel && /^(br|div|p)$/.test(tag)) { // Only treat divs/p as a newline if their last child was not a new line. if(!(/^(div|p)$/i.test(tag) && element[0].lastChild && element[0].lastChild.nodeName.toLowerCase() === "br")) content += "\n"; // needed for browsers that enter textnode then when return is pressed put the rest in a div, i.e.: // text
line 2
if("br" !== tag && !$.sceditor.dom.isInline(element[0].parentNode) && element[0].previousSibling && element[0].previousSibling.nodeType === 3) { content = "\n" + content; } } return content; }; /** * Formats a string in the format * {0}, {1}, {2}, ect. with the params provided * @private * @return string * @Private */ formatString = function() { var args = arguments; return args[0].replace(/\{(\d+)\}/g, function(str, p1) { return typeof args[p1-0+1] !== "undefined" ? args[p1-0+1] : '{' + p1 + '}'; }); }; /** * Removes any leading or trailing quotes ('") * * @return string * @memberOf jQuery.sceditorBBCodePlugin.prototype */ base.stripQuotes = function(str) { return str.replace(/^(["'])(.*?)\1$/, "$2"); }; /** * Converts HTML to BBCode * @param string html Html string, this function ignores this, it works off domBody * @param HtmlElement domBody Editors dom body object to convert * @return string BBCode which has been converted from HTML * @memberOf jQuery.sceditorBBCodePlugin.prototype */ base.getHtmlHandler = function(html, domBody) { $.sceditor.dom.removeWhiteSpace(domBody[0]); return $.trim(base.elementToBbcode(domBody)); }; /** * Converts a HTML dom element to BBCode starting from * the innermost element and working backwards * * @private * @param HtmlElement element The element to convert to BBCode * @param array vChildren Valid child tags allowed * @return string BBCode * @memberOf jQuery.sceditorBBCodePlugin.prototype */ base.elementToBbcode = function($element) { return (function toBBCode(node, vChildren) { var ret = ''; $.sceditor.dom.traverse(node, function(node) { var $node = $(node), curTag = '', tag = node.nodeName.toLowerCase(), vChild = validChildren[tag], isValidChild = true; if(typeof vChildren === 'object') { isValidChild = $.inArray(tag, vChildren) > -1; // if this tag is one of the parents allowed children // then set this tags allowed children to whatever it allows, // otherwise set to what the parent allows if(!isValidChild) vChild = vChildren; } // 3 is text element if(node.nodeType !== 3) { // skip ignored elments if($node.hasClass("sceditor-ignore")) return; // don't loop inside iframes if(tag !== 'iframe') curTag = toBBCode(node, vChild); if(isValidChild) { // code tags should skip most styles if(!$node.is('code')) { // handle inline bbcodes curTag = handleStyles($node, curTag); curTag = handleTags($node, curTag); // handle blocklevel bbcodes curTag = handleStyles($node, curTag, true); } ret += handleTags($node, curTag, true); } else ret += curTag; } else if(node.wholeText && (!node.previousSibling || node.previousSibling.nodeType !== 3)) { if($(node).parents('code').length === 0) ret += node.wholeText.replace(/ +/g, " "); else ret += node.wholeText; } else if(!node.wholeText) ret += node.nodeValue; }, false, true); return ret; }($element.get(0))); }; /** * Converts BBCode to HTML * * @param {String} text * @param {Bool} isFragment * @return {String} HTML * @memberOf jQuery.sceditorBBCodePlugin.prototype */ base.getTextHandler = function(text, isFragment) { var oldText, replaceBBCodeFunc, // Previous bbcodeRegex = /\[([^\[\s=]*?)(?:([\s=][^\[]*?))?\]((?:[\s\S(?!=\[\\\1)](?!\[\1))*?)\[\/(\1)\]/g, bbcodeRegex = /\[([^\[\s=]+)(?:([\s=][^\[\]]+))?\]((?:[\s\S](?!\[\1))*?)\[\/(\1)\]/g, atribsRegex = /(\S+)=((?:(?:(["'])(?:\\\3|[^\3])*?\3))|(?:[^'"\s]+))/g; replaceBBCodeFunc = function(str, bbcode, attrs, content) { var attrsMap = {}, matches; bbcode = bbcode.toLowerCase(); if(attrs) { attrs = $.trim(attrs); // if only one attribute then remove the = from the start and strip any quotes if((attrs.charAt(0) === "=" && (attrs.split("=").length - 1) <= 1) || bbcode === 'url') attrsMap.defaultattr = base.stripQuotes(attrs.substr(1)); else { if(attrs.charAt(0) === "=") attrs = "defaultattr" + attrs; if (typeof base.bbcodes[bbcode].attrs == 'function') { var declaredAttrs = base.bbcodes[bbcode].attrs(); var attrArray = new Array; var compatArray = new Array; for (var i = 0; i < declaredAttrs.length; i++) { var attrPos = attrs.indexOf(declaredAttrs[i]); if (attrPos != -1) { attrArray[attrPos] = [declaredAttrs[i], attrPos + declaredAttrs[i].length + 1]; } } for (var attrElem in attrArray) compatArray.push(attrArray[attrElem]); for (var i = 0; i < compatArray.length; i++) { if (typeof compatArray[i+1] != 'undefined') attrsMap[compatArray[i][0].toLowerCase()] = attrs.substr(compatArray[i][1], attrs.indexOf(compatArray[i+1][0]) - compatArray[i][1]).trim(); else attrsMap[compatArray[i][0].toLowerCase()] = attrs.substr(compatArray[i][1], attrs.length); } } else while((matches = atribsRegex.exec(attrs))) attrsMap[matches[1].toLowerCase()] = base.stripQuotes(matches[2]); } } if(!base.bbcodes[bbcode]) return str; if($.isFunction(base.bbcodes[bbcode].html)) return base.bbcodes[bbcode].html.call(base, bbcode, attrsMap, content); else return formatString(base.bbcodes[bbcode].html, content); }; text = text.replace(/&/g, "&") .replace(//g, ">") .replace(/\r/g, "") .replace(/(\[\/?(?:left|center|right|justify|align|rtl|ltr)\])\n/g, "$1") .replace(/\n/g, "
"); while(text !== oldText) { oldText = text; text = text.replace(bbcodeRegex, replaceBBCodeFunc); } // As hr is the only bbcode not to have a start and end tag it's // just being replace here instead of adding support for it above. text = text.replace(/\[hr\]/gi, "
") .replace(/\[\*\]/gi, "
  • "); // replace multi-spaces which are not inside tags with a non-breaking space // to preserve them. Otherwise they will just be converted to 1! text = text.replace(/ {2}(?=([^<\>]*?<|[^<\>]*?$))/g, "  "); return wrapInDivs(text, isFragment); }; /** * Wraps divs around inline HTML. Needed for IE * * @param string html * @return string HTML * @private */ wrapInDivs = function(html, excludeFirstLast) { var d = document, inlineFrag = d.createDocumentFragment(), outputDiv = d.createElement('div'), tmpDiv = d.createElement('div'), div, node, next, nodeName; $(tmpDiv).hide().appendTo(d.body); tmpDiv.innerHTML = html; node = tmpDiv.firstChild; while(node) { next = node.nextSibling; nodeName = node.nodeName.toLowerCase(); if((node.nodeType === 1 && !$.sceditor.dom.isInline(node)) || nodeName === "br") { if(inlineFrag.childNodes.length > 0 || nodeName === "br") { div = d.createElement('div'); div.appendChild(inlineFrag); // Putting BR in a div in IE9 causes it to do a double line break, // as much as I hate browser UA sniffing, to do feature detection would // be more code than it's worth for this specific bug. if(nodeName === "br" && !$.sceditor.ie) div.appendChild(d.createElement('br')); // If it's an empty DIV and in compatibility mode is below IE8 then // we must add a non-breaking space to the div otherwise the div // will be collapsed. Adding a BR works but when you press enter // to make a newline it suddenly gose back to the normal IE div // behaviour and creates two lines, one for the newline and one // for the BR. I'm sure there must be a better fix but I've yet to // find one. // Cannot do zoom: 1; or set a height on the div to fix it as that // causes resize handles to be added to the div when it's clicked on/ if(!div.childNodes.length && (d.documentMode && d.documentMode < 8 || $.sceditor.ie < 8)) div.appendChild(d.createTextNode('\u00a0')); outputDiv.appendChild(div); inlineFrag = d.createDocumentFragment(); } if(nodeName !== "br") outputDiv.appendChild(node); } else inlineFrag.appendChild(node); node = next; } if(inlineFrag.childNodes.length > 0) { div = d.createElement('div'); div.appendChild(inlineFrag); outputDiv.appendChild(div); } // needed for paste, the first shouldn't be wrapped in a div if(excludeFirstLast) { node = outputDiv.firstChild; if(node && node.nodeName.toLowerCase() === "div") { while((next = node.firstChild)) outputDiv.insertBefore(next, node); if($.sceditor.ie >= 9) outputDiv.insertBefore(d.createElement('br'), node); outputDiv.removeChild(node); } node = outputDiv.lastChild; if(node && node.nodeName.toLowerCase() === "div") { while((next = node.firstChild)) outputDiv.insertBefore(next, node); if($.sceditor.ie >= 9) outputDiv.insertBefore(d.createElement('br'), node); outputDiv.removeChild(node); } } $(tmpDiv).remove(); return outputDiv.innerHTML; }; init(); }; $.sceditorBBCodePlugin.bbcodes = { // START_COMMAND: Bold b: { tags: { b: null, strong: null }, styles: { // 401 is for FF 3.5 "font-weight": ["bold", "bolder", "401", "700", "800", "900"] }, format: "[b]{0}[/b]", html: '{0}' }, // END_COMMAND // START_COMMAND: Italic i: { tags: { i: null, em: null }, styles: { "font-style": ["italic", "oblique"] }, format: "[i]{0}[/i]", html: '{0}' }, // END_COMMAND // START_COMMAND: Underline u: { tags: { u: null }, styles: { "text-decoration": ["underline"] }, format: "[u]{0}[/u]", html: '{0}' }, // END_COMMAND // START_COMMAND: Strikethrough s: { tags: { s: null, strike: null }, styles: { "text-decoration": ["line-through"] }, format: "[s]{0}[/s]", html: '{0}' }, // END_COMMAND // START_COMMAND: Subscript sub: { tags: { sub: null }, format: "[sub]{0}[/sub]", html: '{0}' }, // END_COMMAND // START_COMMAND: Superscript sup: { tags: { sup: null }, format: "[sup]{0}[/sup]", html: '{0}' }, // END_COMMAND // START_COMMAND: Font font: { tags: { font: { face: null } }, styles: { "font-family": null }, format: function(element, content) { if(element[0].nodeName.toLowerCase() === "font" && element.attr('face')) return '[font=' + this.stripQuotes(element.attr('face')) + ']' + content + '[/font]'; return '[font=' + this.stripQuotes(element.css('font-family')) + ']' + content + '[/font]'; }, html: function(element, attrs, content) { return '' + content + ''; } }, // END_COMMAND // START_COMMAND: Size size: { tags: { font: { size: null } }, styles: { "font-size": null }, format: function(element, content) { var fontSize = element.css('fontSize'), size = 1; if(element.attr('size')) size = element.attr('size'); // Most browsers return px value but IE returns 1-7 else if(fontSize.indexOf("px") > -1) { // convert size to an int fontSize = fontSize.replace("px", "") - 0; if(fontSize > 12) size = 2; if(fontSize > 15) size = 3; if(fontSize > 17) size = 4; if(fontSize > 23) size = 5; if(fontSize > 31) size = 6; if(fontSize > 47) size = 7; } else size = fontSize; return '[size=' + size + ']' + content + '[/size]'; }, html: function(element, attrs, content) { return '' + content + ''; } }, // END_COMMAND // START_COMMAND: Color color: { tags: { font: { color: null } }, styles: { color: null }, format: function(element, content) { /** * Converts CSS rgb value into hex * @private * @return string Hex color */ var rgbToHex = function(rgbStr) { var m; function toHex(n) { n = parseInt(n,10); if(isNaN(n)) return "00"; n = Math.max(0,Math.min(n,255)).toString(16); return n.length<2 ? '0'+n : n; } // rgb(n,n,n); if((m = rgbStr.match(/rgb\((\d+),\s*?(\d+),\s*?(\d+)\)/i))) return '#' + toHex(m[1]) + toHex(m[2]-0) + toHex(m[3]-0); // expand shorthand if((m = rgbStr.match(/#([0-f])([0-f])([0-f])\s*?$/i))) return '#' + m[1] + m[1] + m[2] + m[2] + m[3] + m[3]; return rgbStr; }; var color = element.css('color'); if(element[0].nodeName.toLowerCase() === "font" && element.attr('color')) color = element.attr('color'); color = rgbToHex(color); return '[color=' + color + ']' + content + '[/color]'; }, html: function(element, attrs, content) { return '' + content + ''; } }, black: { html: '{0}' }, blue: { html: '{0}' }, green: { html: '{0}' }, red: { html: '{0}' }, white: { html: '{0}' }, // END_COMMAND // START_COMMAND: Lists list: { isBlock: true, html: function(element, attrs, content) { var style = ''; var code = 'ul'; if (attrs.type) style = ' style="list-style-type: ' + attrs.type + '"'; return '<' + code + style + '>' + content + ''; } }, ul: { tags: { ul: null }, isBlock: true, format: function(element, content) { if ($(element[0]).css('list-style-type') == 'disc') return '[list]' + content + '[/list]'; else return '[list type=' + $(element[0]).css('list-style-type') + ']' + content + '[/list]'; }, html: '' }, ol: { tags: { ol: null }, isBlock: true, format: '[list type=decimal]{0}[/list]', html: '
      {0}
    ' }, li: { tags: { li: null }, format: "[li]{0}[/li]", html: '
  • {0}
  • ' }, "*": { html: '
  • {0}
  • ' }, // END_COMMAND // START_COMMAND: Table table: { tags: { table: null }, format: "[table]{0}[/table]", html: '{0}
    ' }, tr: { tags: { tr: null }, format: "[tr]{0}[/tr]", html: '{0}' }, th: { tags: { th: null }, isBlock: true, format: "[th]{0}[/th]", html: '{0}' }, td: { tags: { td: null }, isBlock: true, format: "[td]{0}[/td]", html: '{0}
    ' }, // END_COMMAND // START_COMMAND: Emoticons emoticon: { allowsEmpty: true, tags: { img: { src: null, "data-sceditor-emoticon": null } }, format: function(element, content) { if (element.attr('data-sceditor-emoticon') == '') return content; return element.attr('data-sceditor-emoticon') + content; }, html: '{0}' }, // END_COMMAND // START_COMMAND: Horizontal Rule horizontalrule: { allowsEmpty: true, tags: { hr: null }, format: "[hr]{0}", html: "
    " }, // END_COMMAND // START_COMMAND: Image img: { allowsEmpty: true, tags: { img: { src: null } }, format: function(element, content) { var attribs = '', style = function(name) { return element.style ? element.style[name] : null; }; // check if this is an emoticon image if(typeof element.attr('data-sceditor-emoticon') !== "undefined") return content; var width = ' width=' + $(element).width(); var height = ' height=' + $(element).height(); var alt = $(element).attr('alt') != undefined ? ' alt=' + $(element).attr('author').php_unhtmlspecialchars() : ''; return '[img' + width + height + alt + ']' + element.attr('src') + '[/img]'; }, attrs: function () { return ['alt', 'width', 'height']; }, html: function(element, attrs, content) { var attribs = "", parts; // handle [img width=340 height=240]url[/img] if(typeof attrs.width !== "undefined") attribs += ' width="' + attrs.width + '"'; if(typeof attrs.height !== "undefined") attribs += ' height="' + attrs.height + '"'; if(typeof attrs.alt !== "undefined") attribs += ' alt="' + attrs.alt + '"'; return ''; } }, // END_COMMAND // START_COMMAND: URL url: { allowsEmpty: true, tags: { a: { href: null } }, format: function(element, content) { // make sure this link is not an e-mail, if it is return e-mail BBCode if(element.attr('href').substr(0, 7) === 'mailto:') return '[email=' + element.attr('href').substr(7) + ']' + content + '[/email]'; if(element.attr('target') !== undefined) return '[url=' + decodeURI(element.attr('href')) + ']' + content + '[/url]'; else return '[iurl=' + decodeURI(element.attr('href')) + ']' + content + '[/iurl]'; }, html: function(element, attrs, content) { if(typeof attrs.defaultAttr === "undefined" || attrs.defaultAttr.length === 0) attrs.defaultAttr = content; return '' + content + ''; } }, iurl: { html: function(element, attrs, content) { if(typeof attrs.defaultAttr === "undefined" || attrs.defaultAttr.length === 0) attrs.defaultAttr = content; return '' + content + ''; } }, ftp: { html: function(element, attrs, content) { if(typeof attrs.defaultAttr === "undefined" || attrs.defaultAttr.length === 0) attrs.defaultAttr = content; return '' + content + ''; } }, // END_COMMAND // START_COMMAND: E-mail email: { html: function(element, attrs, content) { if(typeof attrs.defaultattr === "undefined") attrs.defaultattr = content; return '' + content + ''; } }, // END_COMMAND // START_COMMAND: Quote quote: { tags: { blockquote: null }, isBlock: true, format: function(element, content) { var author = ''; var date = ''; var link = ''; if ($(element).children("cite:first").length === 1) { author = $(element).children("cite:first").find("author").text(); date = $(element).children("cite:first").find("date").attr('timestamp'); link = $(element).children("cite:first").find("quote_link").text(); $(element).attr({'author': author.php_htmlspecialchars(), 'date': date, 'link': link}); if (author != '') author = ' author=' + author; if (date != '') date = ' date=' + date; if (link != '') link = ' link=' + link; content = ''; $(element).children("cite:first").remove(); var preserve_newline = $(element).children().last().is("br") && $(element).children().last().last().is("br"); content = this.elementToBbcode($(element)) + (preserve_newline ? "\n" : ''); } else { if ($(element).attr('author') != undefined) author = ' author=' + $(element).attr('author').php_unhtmlspecialchars(); if ($(element).attr('date') != undefined) date = ' date=' + $(element).attr('date'); if ($(element).attr('link') != undefined) link = ' link=' + $(element).attr('link'); } return '[quote' + author + date + link + ']' + content + '[/quote]'; }, attrs: function () { return ['author', 'date', 'link']; }, html: function(element, attrs, content) { var author = ''; var sDate = ''; var link = ''; if(typeof attrs.author !== "undefined") author = bbc_quote_from + ': ' + attrs.author + ''; // Links could be in the form: link=topic=71.msg201#msg201 that would fool javascript, so we need a workaround // Probably no more necessary for (var key in attrs) { if (key.substr(0, 4) == 'link' && attrs.hasOwnProperty(key)) { var possible_url = key.length > 4 ? key.substr(5) + '=' + attrs[key] : attrs[key]; link = possible_url.substr(0, 7) == 'http://' ? possible_url : smf_scripturl + '?' + possible_url; author = author == '' ? '' + bbc_quote_from + ': ' + author + ''; link = '' + possible_url + ''; } } if(typeof attrs.date !== "undefined") { var date = new Date(attrs.date * 1000); sDate = date; } if (author == '' && sDate == '') author = bbc_quote; else author += ' '; content = '
    ' + author + bbc_search_on + ' ' + '' + sDate + '' + link + '' + content + '
    '; return content; } }, // END_COMMAND // START_COMMAND: Code code: { tags: { code: null }, isBlock: true, format: function(element, content) { if ($(element[0]).hasClass('php')) return '[php]' + content.replace('[', '[') + '[/php]'; var from = ''; if ($(element).children("cite:first").length === 1) { from = $(element).children("cite:first").text(); $(element).attr({'from': from.php_htmlspecialchars()}); from = '=' + from; content = ''; $(element).children("cite:first").remove(); content = this.elementToBbcode($(element)); } else { if ($(element).attr('from') != undefined) { from = '=' + $(element).attr('from').php_unhtmlspecialchars(); } } return '[code' + from + ']' + content.replace('[', '[') + '[/code]'; }, html: function(element, attrs, content) { var from = ''; if(typeof attrs.defaultAttr !== "undefined") from = '' + attrs.defaultAttr + ''; return '' + from + content.replace('[', '[') + '' } }, php: { isBlock: true, format: "[php]{0}[/php]", html: '{0}' }, // END_COMMAND // START_COMMAND: Left left: { styles: { "text-align": ["left", "-webkit-left", "-moz-left", "-khtml-left"] }, isBlock: true, format: "[left]{0}[/left]", html: '
    {0}
    ' }, // END_COMMAND // START_COMMAND: Centre center: { styles: { "text-align": ["center", "-webkit-center", "-moz-center", "-khtml-center"] }, isBlock: true, format: "[center]{0}[/center]", html: '
    {0}
    ' }, // END_COMMAND // START_COMMAND: Right right: { styles: { "text-align": ["right", "-webkit-right", "-moz-right", "-khtml-right"] }, isBlock: true, format: "[right]{0}[/right]", html: '
    {0}
    ' }, // END_COMMAND // START_COMMAND: Justify justify: { styles: { "text-align": ["justify", "-webkit-justify", "-moz-justify", "-khtml-justify"] }, isBlock: true, format: "[justify]{0}[/justify]", html: '
    {0}
    ' }, // END_COMMAND // START_COMMAND: YouTube youtube: { allowsEmpty: true, tags: { iframe: { 'data-youtube-id': null } }, format: function(element, content) { if(!element.attr('data-youtube-id')) return content; return '[youtube]' + element.attr('data-youtube-id') + '[/youtube]'; }, html: '' }, // END_COMMAND // START_COMMAND: Rtl rtl: { styles: { "direction": ["rtl"] }, format: "[rtl]{0}[/rtl]", html: '
    {0}
    ' }, // END_COMMAND // START_COMMAND: Ltr ltr: { styles: { "direction": ["ltr"] }, format: "[ltr]{0}[/ltr]", html: '
    {0}
    ' }, // END_COMMAND abbr: { tags: { abbr: { title: null } }, format: function(element, content) { return '[abbr=' + element.attr('title') + ']' + content + '[/abbr]'; }, html: function(element, attrs, content) { if(typeof attrs.defaultAttr === "undefined" || attrs.defaultAttr.length === 0) return content; return '' + content + ''; } }, acronym: { tags: { acronym: { title: null } }, format: function(element, content) { return '[acronym=' + element.attr('title') + ']' + content + '[/acronym]'; }, html: function(element, attrs, content) { if(typeof attrs.defaultAttr === "undefined" || attrs.defaultAttr.length === 0) return content; return '' + content + ''; } }, bdo: { tags: { bdo: { dir: null } }, format: function(element, content) { return '[bdo=' + element.attr('dir') + ']' + content + '[/bdo]'; }, html: function(element, attrs, content) { if(typeof attrs.defaultAttr === "undefined" || attrs.defaultAttr.length === 0) return content; if (attrs.defaultAttr != 'rtl' && attrs.defaultAttr != 'ltr') return '[bdo=' + attrs.defaultAttr + ']' + content + '[/bdo]'; return '' + content + ''; } }, tt: { tags: { tt: null }, format: "[tt]{0}[/tt]", html: '{0}' }, pre: { tags: { pre: null }, isBlock: true, format: "[pre]{0}[/pre]", html: "
    {0}
    \n" }, move: { tags: { marquee: null }, format: "[move]{0}[/move]", html: '{0}' }, // this is here so that commands above can be removed // without having to remove the , after the last one. // Needed for IE. ignore: {} }; /** * Static BBCode helper class * @class command * @name jQuery.sceditorBBCodePlugin.bbcode */ $.sceditorBBCodePlugin.bbcode = /** @lends jQuery.sceditorBBCodePlugin.bbcode */ { /** * Gets a BBCode * * @param {String} name * @return {Object|null} * @since v1.3.5 */ get: function(name) { return $.sceditorBBCodePlugin.bbcodes[name] || null; }, /** *

    Adds a BBCode to the parser or updates an exisiting * BBCode if a BBCode with the specified name already exists.

    * * @param {String} name * @param {Object} bbcode * @return {this|false} Returns false if name or bbcode is false * @since v1.3.5 */ set: function(name, bbcode) { if(!name || !bbcode) return false; // merge any existing command properties bbcode = $.extend($.sceditorBBCodePlugin.bbcodes[name] || {}, bbcode); bbcode.remove = function() { $.sceditorBBCodePlugin.bbcode.remove(name); }; $.sceditorBBCodePlugin.bbcodes[name] = bbcode; return this; }, /** * Removes a BBCode * * @param {String} name * @return {this} * @since v1.3.5 */ remove: function(name) { if($.sceditorBBCodePlugin.bbcodes[name]) delete $.sceditorBBCodePlugin.bbcodes[name]; return this; } }; /** * Checks if a command with the specified name exists * * @param string name * @return bool * @deprecated Since v1.3.5 * @memberOf jQuery.sceditorBBCodePlugin */ $.sceditorBBCodePlugin.commandExists = function(name) { return !!$.sceditorBBCodePlugin.bbcode.get(name); }; /** * Adds/updates a BBCode. * * @param String name The BBCode name * @param Object tags Any html tags this bbcode applies to, i.e. strong for [b] * @param Object styles Any style properties this applies to, i.e. font-weight for [b] * @param String|Function format Function or string to convert the element into BBCode * @param String|Function html String or function to format the BBCode back into HTML. * @param bool allowsEmpty If this BBCodes is allowed to be empty, e.g. [b][/b] * @return Bool * @deprecated Since v1.3.5 * @memberOf jQuery.sceditorBBCodePlugin */ $.sceditorBBCodePlugin.setCommand = function(name, tags, styles, format, html, allowsEmpty, isBlock) { return $.sceditorBBCodePlugin.bbcode.set(name, { tags: tags || {}, styles: styles || {}, allowsEmpty: allowsEmpty, isBlock: isBlock, format: format, html: html }); }; $.fn.sceditorBBCodePlugin = function(options) { if((!options || !options.runWithoutWysiwygSupport) && !$.sceditor.isWysiwygSupported()) return; return this.each(function() { (new $.sceditorBBCodePlugin(this, options)); }); }; })(jQuery);