(function ($){ $.cleditor = { defaultOptions:{ width: 335, height: 250, controls: "bold italic underline | bullets numbering | undo redo | image link unlink", colors: "FFF FCC FC9 FF9 FFC 9F9 9FF CFF CCF FCF " + "CCC F66 F96 FF6 FF3 6F9 3FF 6FF 99F F9F " + "BBB F00 F90 FC6 FF0 3F3 6CC 3CF 66C C6C " + "999 C00 F60 FC3 FC0 3C0 0CC 36F 63F C3C " + "666 900 C60 C93 990 090 399 33F 60C 939 " + "333 600 930 963 660 060 366 009 339 636 " + "000 300 630 633 330 030 033 006 309 303", fonts: "Arial, Arial Black, Comic Sans MS, Courier New, Narrow, Garamond," + "Georgia, Impact, Sans Serif, Serif, Tahoma, Trebuchet MS, Verdana", sizes: "1, 2, 3, 4, 5, 6, 7", useCSS: false, docType: "", bodyStyle: "margin: 0px 1px; font-size: 12px; font-family: Arial; overflow-y: scroll;" }, buttons:{ init: "bold,Félkövér,|" + "italic,Dőlt,|" + "underline,Aláhúzott,|" + "strikethrough,Áthúzott,|" + "subscript,Alsó index,|" + "superscript,Felső index,|" + "font,Betűtípus,fontname,|" + "size,Betűméret,fontsize,|" + "color,Betűszín,forecolor,|" + "highlight,Kiemelés,hilitecolor,color|" + "removeformat,Formázás törlése,|" + "bullets,Számozatlan felsorolás,insertunorderedlist|" + "numbering,Számozott felsorolás,insertorderedlist|" + "outdent,Behúzás balról,|" + "indent,Behúzás jobbról,|" + "alignleft,Balra,justifyleft|" + "center,Középre,justifycenter|" + "alignright,Jobbra,justifyright|" + "justify,Sorkizárt,justifyfull|" + "undo,Vissza,|" + "redo,Újra,|" + "rule,Vízszintes vonal,inserthorizontalrule|" + "image,Kép,insertimage,image|" + "link,Hivatkozás,createlink,url|" + "unlink,Hivatkozás törlése,|" + "source,Forrás" }, imagesPath: function (){ return imagesPath(); } }; $.fn.cleditor = function (options){ var $result = $([]); this.each(function (idx, elem){ if (elem.tagName == "TEXTAREA"){ var data = $.data(elem, CLEDITOR); if (!data) data = new cleditor(elem, options); $result = $result.add(data); } }); return $result; }; var BACKGROUND_COLOR = "backgroundColor", BUTTON = "button", BUTTON_NAME = "buttonName", CHANGE = "change", CLEDITOR = "cleditor", CLICK = "click", DISABLED = "disabled", DIV_TAG = "

", TRANSPARENT = "transparent", UNSELECTABLE = "unselectable", MAIN_CLASS = "cleditorMain", TOOLBAR_CLASS = "cleditorToolbar", GROUP_CLASS = "cleditorGroup", BUTTON_CLASS = "cleditorButton", DISABLED_CLASS = "cleditorDisabled", DIVIDER_CLASS = "cleditorDivider", POPUP_CLASS = "cleditorPopup", LIST_CLASS = "cleditorList", COLOR_CLASS = "cleditorColor", PROMPT_CLASS = "cleditorPrompt", MSG_CLASS = "cleditorMsg", ie = $.browser.msie, ie6 = /msie\s6/i.test(navigator.userAgent), iOS = /iphone|ipad|ipod/i.test(navigator.userAgent), popups = {}, documentClickAssigned, buttons = $.cleditor.buttons; $.each(buttons.init.split("|"), function (idx, button){ var items = button.split(","), name = items[0]; buttons[name] = { stripIndex: idx, name: name, title: items[1] === "" ? name.charAt(0).toUpperCase() + name.substr(1) : items[1], command: items[2] === "" ? name : items[2], popupName: items[3] === "" ? name : items[3] }; }); delete buttons.init; cleditor = function (area, options){ var editor = this; editor.options = options = $.extend({}, $.cleditor.defaultOptions, options); var $area = editor.$area = $(area) .hide() .data(CLEDITOR, editor) .blur(function (){ updateFrame(editor, true); }); var $main = editor.$main = $(DIV_TAG) .addClass(MAIN_CLASS) .width(options.width) .height(options.height); var $toolbar = editor.$toolbar = $(DIV_TAG) .addClass(TOOLBAR_CLASS) .appendTo($main); var $group = $(DIV_TAG) .addClass(GROUP_CLASS) .appendTo($toolbar); $.each(options.controls.split(" "), function (idx, buttonName){ if (buttonName === "") return true; if (buttonName == "|") { var $div = $(DIV_TAG) .addClass(DIVIDER_CLASS) .appendTo($group); $group = $(DIV_TAG) .addClass(GROUP_CLASS) .appendTo($toolbar); } else { var button = buttons[buttonName]; var $buttonDiv = $(DIV_TAG) .data(BUTTON_NAME, button.name) .addClass(BUTTON_CLASS) .attr("title", button.title) .bind(CLICK, $.proxy(buttonClick, editor)) .appendTo($group) .hover(hoverEnter, hoverLeave); var map = {}; if (button.css) map = button.css; else if (button.image) map.backgroundImage = imageUrl(button.image); if (button.stripIndex) map.backgroundPosition = button.stripIndex * -24; $buttonDiv.css(map); if (ie) $buttonDiv.attr(UNSELECTABLE, "on"); if (button.popupName) createPopup(button.popupName, options, button.popupClass, button.popupContent, button.popupHover); } }); $main.insertBefore($area) .append($area); if (!documentClickAssigned) { $(document).click(function (e){ var $target = $(e.target); if (!$target.add($target.parents()).is("." + PROMPT_CLASS)) hidePopups(); }); documentClickAssigned = true; } if (/auto|%/.test("" + options.width + options.height)) $(window).resize(function (){refresh(editor);}); refresh(editor); }; var fn = cleditor.prototype, methods = [ ["clear", clear], ["disable", disable], ["execCommand", execCommand], ["focus", focus], ["hidePopups", hidePopups], ["sourceMode", sourceMode, true], ["refresh", refresh], ["select", select], ["selectedHTML", selectedHTML, true], ["selectedText", selectedText, true], ["showMessage", showMessage], ["updateFrame", updateFrame], ["updateTextArea", updateTextArea] ]; $.each(methods, function (idx, method){ fn[method[0]] = function (){ var editor = this, args = [editor]; for(var x = 0; x < arguments.length; x++) { args.push(arguments[x]); } var result = method[1].apply(editor, args); if (method[2]) return result; return editor; }; }); fn.change = function (handler){ var $this = $(this); return handler ? $this.bind(CHANGE, handler) : $this.trigger(CHANGE); }; fn.show = function (handler){ var $this = $(this); return handler ? $this.bind(CLICK, handler) : $this.trigger(CLICK); }; function buttonClick(e){ var editor = this, buttonDiv = e.target, buttonName = $.data(buttonDiv, BUTTON_NAME), button = buttons[buttonName], popupName = button.popupName, popup = popups[popupName]; if (editor.disabled || $(buttonDiv).attr(DISABLED) == DISABLED) return; var data = { editor: editor, button: buttonDiv, buttonName: buttonName, popup: popup, popupName: popupName, command: button.command, useCSS: editor.options.useCSS }; if (button.buttonClick && button.buttonClick(e, data) === false) return false; if (buttonName == "source") { if (sourceMode(editor)) { delete editor.range; editor.$area.hide(); editor.$frame.show(); buttonDiv.title = button.title; } else { editor.$frame.hide(); editor.$area.show(); buttonDiv.title = "Szöveg"; } setTimeout(function (){refreshButtons(editor);}, 100); } else if (!sourceMode(editor)) { if (popupName) { var $popup = $(popup); if (popupName == "url") { if (buttonName == "link" && selectedText(editor) === "") { showMessage(editor, "Hiba! A belinkelendő szövegrész kitöltése kötelező.", buttonDiv); return false; } $popup.children(":button") .unbind(CLICK) .bind(CLICK, function (){ var $text = $popup.find(":text"), url = $.trim($text.val()); if (url !== "") execCommand(editor, data.command, url, null, data.button); $text.val("http://"); hidePopups(); focus(editor); }); } else if (popupName == "image") { $popup.children(":button") .unbind(CLICK) .bind(CLICK, function (){ var $text = $popup.find(":text"), url = $.trim($text.val()), imgalign = document.getElementById("imgalign").value; if (url !== "") execCommand(editor, data.command, url, null, data.button); var img = editor.doc.getElementsByTagName("img"); for (i=0; i"; else if (buttonName == "color") value = hex(target.style.backgroundColor); else if (buttonName == "highlight") { value = hex(target.style.backgroundColor); if (ie) command = 'backcolor'; else useCSS = true; } var data = { editor: editor, button: buttonDiv, buttonName: buttonName, popup: popup, popupName: button.popupName, command: command, value: value, useCSS: useCSS }; if (button.popupClick && button.popupClick(e, data) === false) return; if (data.command && !execCommand(editor, data.command, data.value, data.useCSS, buttonDiv)) return false; hidePopups(); focus(editor); } function checksum(text) { var a = 1, b = 0; for (var index = 0; index < text.length; ++index) { a = (a + text.charCodeAt(index)) % 65521; b = (b + a) % 65521; } return (b << 16) | a; } function clear(editor){ editor.$area.val(""); updateFrame(editor); } function createPopup(popupName, options, popupTypeClass, popupContent, popupHover){ if (popups[popupName]) return popups[popupName]; var $popup = $(DIV_TAG) .hide() .addClass(POPUP_CLASS) .appendTo("body"); if (popupContent) $popup.html(popupContent); else if (popupName == "color") { var colors = options.colors.split(" "); if (colors.length < 10) $popup.width("auto"); $.each(colors, function (idx, color) { $(DIV_TAG).appendTo($popup) .css(BACKGROUND_COLOR, "#" + color); }); popupTypeClass = COLOR_CLASS; } else if (popupName == "font") $.each(options.fonts.split(","), function (idx, font) { $(DIV_TAG).appendTo($popup) .css("fontFamily", font) .html(font); }); else if (popupName == "size") $.each(options.sizes.split(","), function (idx, size) { $(DIV_TAG).appendTo($popup) .html("" + size + ""); }); else if (popupName == "style") $.each(options.styles, function (idx, style) { $(DIV_TAG).appendTo($popup) .html(style[1] + style[0] + style[1].replace("<", "HivatkozásURL:
"); popupTypeClass = PROMPT_CLASS; } else if (popupName == "image") { $popup.html("

KépURL:

Igazítás:

"); popupTypeClass = PROMPT_CLASS; } if (!popupTypeClass && !popupContent) popupTypeClass = LIST_CLASS; $popup.addClass(popupTypeClass); if (ie) { $popup.attr(UNSELECTABLE, "on") .find("div,font,p,h1,h2,h3,h4,h5,h6") .attr(UNSELECTABLE, "on"); } if ($popup.hasClass(LIST_CLASS) || popupHover === true) $popup.children().hover(hoverEnter, hoverLeave); popups[popupName] = $popup[0]; return $popup[0]; } function disable(editor, disabled){ if (disabled) { editor.$area.attr(DISABLED, DISABLED); editor.disabled = true; } else { editor.$area.removeAttr(DISABLED); delete editor.disabled; } try { if (ie) editor.doc.body.contentEditable = !disabled; else editor.doc.designMode = !disabled ? "on" : "off"; } catch (err){} refreshButtons(editor); } function execCommand(editor, command, value, useCSS, button){ restoreRange(editor); if (!ie) { if (useCSS === undefined || useCSS === null) useCSS = editor.options.useCSS; editor.doc.execCommand("styleWithCSS", 0, useCSS.toString()); } var success = true, description; if (ie && command.toLowerCase() == "inserthtml") getRange(editor).pasteHTML(value); else { try { success = editor.doc.execCommand(command, 0, value || null); } catch (err) { description = err.description; success = false; } if (!success) { showMessage(editor, (description ? description : "Hiba a \"" + command + "\" parancs futtatása közben."), button); } } refreshButtons(editor); return success; } function focus(editor){ setTimeout(function (){ if (sourceMode(editor)) editor.$area.focus(); else editor.$frame[0].contentWindow.focus(); refreshButtons(editor); }, 0); } function getRange(editor){ if (ie) return getSelection(editor).createRange(); return getSelection(editor).getRangeAt(0); } function getSelection(editor){ if (ie) return editor.doc.selection; return editor.$frame[0].contentWindow.getSelection(); } function hex(s){ var m = /rgba?\((\d+), (\d+), (\d+)/.exec(s), c = s.split(""); if (m) { s = ( m[1] << 16 | m[2] << 8 | m[3] ).toString(16); while (s.length < 6) s = "0" + s; } return "#" + (s.length == 6 ? s : c[1] + c[1] + c[2] + c[2] + c[3] + c[3]); } function hidePopups(){ $.each(popups, function (idx, popup) { $(popup) .hide() .unbind(CLICK) .removeData(BUTTON); }); } function imagesPath(){ var cssFile = "cleditor.css", href = $("link[href$='" + cssFile +"']").attr("href"); return "/kepek/cleditor/"; } function imageUrl(filename){ return "url(" + imagesPath() + filename + ")"; } function refresh(editor){ var $main = editor.$main, options = editor.options; if (editor.$frame) editor.$frame.remove(); var $frame = editor.$frame = $('