//jsLibs/richTextEditor.js //a מקבל שדה טקסטאראה והופך אותו לעורך טקסט משוכלל function convertTextAreaToRichText(dtextarea) { var self = this; var diframe; var codeUpdater; var mode; var theObject = document.createElement("div"); //a כאילו קונסטרקטור //constructor(dtextarea) { mode = "rich"; s = "

"; s+="

"; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+=" "; s+="

"; s+=" "; s+=" $\"גודל‎\"$ גודל:"; s+=" "; s+=" "; s+=" "; s+=" $\"רקע‎\"$ רקע:"; s+=" "; s+=" "; s+=" "; s+=" $\"צבע‎\"$ צבע:"; s+=" "; s+=" "; s+=" "; s+=" $\"גופן‎\"$ גופן:"; s+=" "; s+=" "; s+=" "; s+=" $\"סגנון‎\"$ סגנון:"; s+=" "; s+=" "; s+="

"; s+="

"; s+="

"; s+="

"; s+="

"; theObject.innerHTML = s; dtextarea.parentNode.appendChild(theObject); var editArea = getElementsByClassName(theObject,"editArea")[0]; diframe = document.createElement("iframe"); diframe.src = "../common/empty.html"; if (window.attachEvent){diframe.attachEvent("onload",function(){self.makeIframeEditable();});} else //IE8 diframe.onload = function(){self.makeIframeEditable();} editArea.appendChild(diframe); dtextarea.style.display = "none"; editArea.appendChild(dtextarea); } //a עושה את האייפריים ניתן לעריכה ועושה שכל הזמן זה יעדכן את הטקסט-ארה עם הקוד של האייפריים //aבאקספלורר (בדקתי בגרסאות 6 עד 9) זה קורא לפונקציה הזאת עוד פעם אחת (לפחות), ולכן הפונקציה מופרדת ל2 חלקים כדי לא לקבל שגיאות (אם כי זה רץ גם עם השגיאות) י var iefix = false; this.makeIframeEditable = function() { if (iefix == false) //חלק ראשון: אם זה הפעם הראשונה { this.createControls(); diframe.contentWindow.document.designMode = "on"; } if (navigator.appName != "Microsoft Internet Explorer" || iefix == true) //חלק שני: אם זה פעם שניה או שזה לא אקספלורר בכלל { diframe.contentWindow.document.body.innerHTML = dtextarea.value; codeUpdater = setInterval(self.updateTextArea,100); } iefix = true; //מגדיר שהפעם הראשונה עברה במשתנה סטטי } //a מעדכן את הטקסטאראה בקוד של האיפריים this.updateTextArea = function() { if (!diframe.contentWindow) clearInterval(codeUpdater); else dtextarea.value = diframe.contentWindow.document.body.innerHTML; } //a נותן לכל הכפתורים את הפונקציות שלהם this.createControls = function() { getElementById(theObject,"richUndo").onclick = function(){self.edit('Undo','');return false;} getElementById(theObject,"richRedo").onclick = function(){self.edit('Redo','');return false;} getElementById(theObject,"richLink").onclick = function(){url=prompt('הכנס כתובת לקישור:','http://'); if(url!=null){self.edit('createlink', url);}return false;} getElementById(theObject,"richInsertImage").onclick = function(){img=prompt('הכנס כתובת של תמונה:','http://');if(img!=null){self.edit('Insertimage',img);}return false;} getElementById(theObject,"richTable").onclick = function(){self.createTable(parseInt(prompt('שורות:','3')),parseInt(prompt('עמודות:','3')));return false;} getElementById(theObject,"richHr").onclick = function(){self.edit('InsertHorizontalRule','');return false;} getElementById(theObject,"richBold").onclick = function(){self.edit('bold','');return false;} getElementById(theObject,"richItalic").onclick = function(){self.edit('Italic','');return false;} getElementById(theObject,"richUnderLine").onclick = function(){self.edit('Underline','');return false;} getElementById(theObject,"richRight").onclick = function(){self.edit('Justifyright','');return false;} getElementById(theObject,"richCenter").onclick = function(){self.edit('JustifyCenter','');return false;} getElementById(theObject,"richLeft").onclick = function(){self.edit('Justifyleft','');return false;} getElementById(theObject,"richNumList").onclick = function(){self.edit('InsertorderedList','');return false;} getElementById(theObject,"richDotList").onclick = function(){self.edit('InsertUnorderedList','');return false;} getElementById(theObject,"richOutDent").onclick = function(){self.edit('outdent','');return false;} getElementById(theObject,"richInDent").onclick = function(){self.edit('indent','');return false;} getElementById(theObject,"richRemoveFormat").onclick = function(){self.edit('removeFormat','');return false;} getElementById(theObject,"richInsertCode").onclick = function(){code=prompt('הכנס קוד\nhtml (embed)\nשל סרטון:','');if(code!=null){self.insertHTML(code);}return false;} getElementById(theObject,"richViewSource").onclick = function(){self.changeMode();return false;} getElementById(theObject,"richFontSize").onchange = function(){self.edit('FontSize',this.value);return false;} getElementById(theObject,"richFill").onchange = function(){if(!document.all){self.edit('HiliteColor',this.value);}else{self.edit('backcolor',this.value);}return false;} getElementById(theObject,"richColor").onchange = function(){self.edit('ForeColor',this.value);return false;} getElementById(theObject,"richFont").onchange = function(){self.edit('FontName',this.value);return false;} getElementById(theObject,"richFormat").onchange = function(){self.edit('FormatBlock',this.value);return false;} } //a פונקצייה שמפעילה את הפקודות עריכה המובנות של הדפדפן this.edit = function(a,b) { diframe.contentWindow.focus(); diframe.contentWindow.document.execCommand(a,false,b); diframe.contentWindow.focus(); } //a מחליף בין מצב עריכת קוד למצב עורך טקסט this.changeMode = function() { if (mode == "rich") { mode = "code"; clearInterval(codeUpdater); dtextarea.style.display = ""; diframe.style.display = "none"; } else { mode = "rich"; diframe.contentWindow.document.body.innerHTML = dtextarea.value; codeUpdater = setInterval("self.updateTextArea()",100); dtextarea.style.display = "none"; diframe.style.display = ""; } } //a פונקציית הוספת טבלה this.createTable = function(trs,tds) { table = document.createElement("table"); tableBody = document.createElement("tbody"); for (i=0; i