jQuery.fn.rte = function(css_url, media_url) { if(document.designMode || document.contentEditable) { $(this).each( function(){ var textarea = $(this); enableDesignMode(textarea); }); } function formatText(iframe, command, option) { iframe.contentWindow.focus(); try{ iframe.contentWindow.document.execCommand(command, false, option); }catch(e){console.log(e)} iframe.contentWindow.focus(); } function tryEnableDesignMode(iframe, doc, callback) { try { iframe.contentWindow.document.open(); iframe.contentWindow.document.write(doc); iframe.contentWindow.document.close(); } catch(error) { console.log(error) } if (document.contentEditable) { iframe.contentWindow.document.designMode = "On"; callback(); return true; } else if (document.designMode != null) { try { iframe.contentWindow.document.designMode = "on"; callback(); return true; } catch (error) { console.log(error) } } setTimeout(function(){tryEnableDesignMode(iframe, doc, callback)}, 250); return false; } function enableDesignMode(textarea) { // need to be created this way var iframe = document.createElement("iframe"); iframe.frameBorder=0; iframe.frameMargin=0; iframe.framePadding=0; iframe.style['height']= textarea.css('height'); if(textarea.attr('class')) iframe.className = textarea.attr('class'); if(textarea.attr('id')) iframe.id = textarea.attr('id'); if(textarea.attr('name')) iframe.title = textarea.attr('name'); textarea.after(iframe); var css = ""; if(css_url) var css = "" var content = textarea.val(); // Mozilla need this to display caret if($.trim(content)=='') content = '
'; var doc = ""+css+""+content+""; tryEnableDesignMode(iframe, doc, function() { $("#toolbar-"+iframe.title).remove(); $(iframe).before(toolbar(iframe)); textarea.remove(); }); } function disableDesignMode(iframe, submit) { if (!iframe.contentWindow) return; var content = iframe.contentWindow.document.getElementsByTagName("body")[0].innerHTML; if(submit==true) var textarea = $(''); else var textarea = $(''); textarea.val(content); t = textarea.get(0); if(iframe.className) t.className = iframe.className; if(iframe.id) t.id = iframe.id; if(iframe.title) t.name = iframe.title; t.style['height'] = iframe.style['height']; $(iframe).before(textarea); if(submit!=true) $(iframe).remove(); return textarea; } function toolbar(iframe) { var tb = $("
\

\ \ bold\ italic\ italic\ unordered list\ unordered list\ link\ image\ image upload\ close rte\

"); $('select', tb).change(function(){ var index = this.selectedIndex; if( index!=0 ) { var selected = this.options[index].value; formatText(iframe, "formatblock", '<'+selected+'>'); } }); $('.bold', tb).click(function(){ formatText(iframe, 'bold');return false; }); $('.underline', tb).click(function(){ formatText(iframe, 'underline');return false; }); $('.italic', tb).click(function(){ formatText(iframe, 'italic');return false; }); $('.unorderedlist', tb).click(function(){ formatText(iframe, 'insertunorderedlist');return false; }); $('.orderedlist', tb).click(function(){ formatText(iframe, 'insertorderedlist');return false; }); $('.link', tb).click(function() { var p=prompt("URL:"); if(p) formatText(iframe, 'CreateLink', p); return false; }); $('.image_upload', tb).click(function() { window.open('fb.php', '_blank', 'width=600,height=500'); }); $('.image', tb).click(function() { var p=prompt("image URL:"); if(p) formatText(iframe, 'InsertImage', p); return false; }); $('.disable', tb).click(function() { //$(iframe).parents('form').unbind('submit'); var txt = disableDesignMode(iframe); var edm = $('Enable design mode'); tb.empty().append(edm); edm.click(function(){ enableDesignMode(txt); return false; }); return false; }); $(iframe).parents('form').submit(function() { disableDesignMode(iframe, true); console.log("disableDesignMode"); }); var iframeDoc = $(iframe.contentWindow.document); var select = $('select', tb)[0]; iframeDoc.click(function(e){ var browser = $.browser; var o = e.target; if (o.tagName == 'IMG'){ if (browser.mozilla && (e.which==3)) { var size=prompt("Image Size", o.width+'x'+o.height); o.width = parseInt(size.substring(0, size.indexOf('x'))); o.height = parseInt(size.substring(size.indexOf('x')+1, size.length)); return false; } else if (ie&&(e.button==2)){ var size=prompt("Image Size", o.width+'x'+o.height); o.width = parseInt(size.substring(0, size.indexOf('x'))); o.height = parseInt(size.substring(size.indexOf('x')+1, size.length)); return false; } } return true; }) iframeDoc.mouseup(function(){ setSelectedType(getSelectionElement(iframe), select); return true; }); iframeDoc.keyup(function() { setSelectedType(getSelectionElement(iframe), select); var body = $('body', iframeDoc); if(body.scrollTop()>0) iframe.style['height'] = Math.min(350, parseInt(iframe.style['height'])+body.scrollTop())+'px'; return true; }); return tb; } function setSelectedType(node, select) { while(node.parentNode) { var nName = node.nodeName.toLowerCase(); for(var i=0;i