/* * jQuery RTE plugin 0.2 - create a rich text form for Mozilla, Opera, and Internet Explorer * * Copyright (c) 2007 Batiste Bieler * Distributed under the GPL (GPL-LICENSE.txt) licenses. */ // define the rte light plugin jQuery.fn.rte = function(css_url) { var toolbar; var iframe = false; if(document.designMode || document.contentEditable) { $(this).each( function(){ var textarea = $(this); iframe = 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.scrolling="no"; 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'); $(iframe).attr('viewwith','rte'); textarea.after(iframe); var css = ""; if(css_url) var css = "" var content = textarea.html(); // replace embeded video in content with video images // split into array of content blocks each starting with the id of the youtube video. var contentArray = content.split(/'; // get rid of the end of the object tag. var endIndex = contentArray[i].search(/object>/i); var remainderContent = contentArray[i].slice(endIndex+7); // and now splice together the embed content with the remainder. contentWithImg += imgString + remainderContent; } // Mozilla need this to display caret if($.trim(contentWithImg)=='') contentWithImg = '
'; var doc = ""+css+""+contentWithImg+""; tryEnableDesignMode(iframe, doc, function() { toolbar = toolbar(iframe); $(iframe).before(toolbar); textarea.remove(); }); //alert("hello"); // wait for document to be loaded and then set the height of the frame to be the same as the document. setTimeout(function(){setHeight(iframe)}, 100); return iframe; } function disableDesignMode(iframe, submit) { // remove toolbar $(iframe).parent().children().filter('.rte-toolbar').remove(); var content = iframe.contentWindow.document.getElementsByTagName("body")[0].innerHTML; // replace video images in content with embeded video // split into array of content blocks each starting with the id of the youtube video. var contentArray = content.split(/'; // using new object only method. var objectString = ''; // get rid of the end of the image tag. var endIndex = contentArray[i].search(/>/); var remainderContent = contentArray[i].slice(endIndex+1); // and now splice together the embed content with the remainder. contentWithVideo += objectString + remainderContent; } if(submit==true) var textarea = $(''); else var textarea = $('
'); textarea.html(contentWithVideo); textarea.attr('editwith','rte'); 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; $(iframe).before(textarea); if(submit!=true) $(iframe).remove(); } function toolbar(iframe) { var iconPath = "/js/lib/jquery/rte/"; /* var tb = $("
\

\ \

\

\ bold\ italic\

\

\ unordered list\ link\ image\ video\ close rte\

"); */ var tb = $("
\

\ \

\

\ \ \

\

\ \ \ \ \

"); $('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; }); $('.italic', tb).click(function(){ formatText(iframe, 'italic');return false; }); $('.unorderedlist', tb).click(function(){ formatText(iframe, 'insertunorderedlist');return false; }); $('.link', tb).click(function(){ var p=prompt("URL:"); if(p) formatText(iframe, 'CreateLink', p); return false; }); $('.image', tb).click(function(){ var p=prompt("image URL:"); if(p) { formatText(iframe, 'InsertImage', p); // set the align to left on the image. $(iframe).contents().find("img[src='"+p+"']").attr("align","right"); setHeight(iframe); } return false; }); $('.video', tb).click(function(){ var p=prompt("Video URL:"); if(p) { var videoId = (p.split(/=/))[1]; formatText(iframe, 'InsertImage', '/images/video.png?'+videoId); setHeight(iframe); } return false; }); $('.disable', tb).click(function(){ disableDesignMode(iframe); tb.remove(); return false; }); $(iframe).parents('form').submit(function(){ disableDesignMode(iframe, true); }); var iframeDoc = $(iframe.contentWindow.document); var select = $('select', tb)[0]; iframeDoc.mouseup(function(){ setSelectedType(getSelectionElement(iframe), select);return true;}); iframeDoc.keyup(function(){ setSelectedType(getSelectionElement(iframe), select); setHeight(iframe); return true;}); return tb; } function setHeight(e){ if(e.contentDocument){ e.height = e.contentDocument.body.offsetHeight + 20; } else { e.height = e.contentWindow.document.body.scrollHeight; } } function setSelectedType(node, select) { while(node.parentNode) { var nName = node.nodeName.toLowerCase(); for(var i=0;i