project/static/js/manage_area.js

   1         EditArea.prototype.focus = function() {\r
   2                 this.textarea.focus();\r
   3                 this.textareaFocused=true;\r
   4         };\r
   5 \r
   6 \r
   7         EditArea.prototype.check_line_selection= function(timer_checkup){\r
   8                 var changes, infos, new_top, new_width,i;\r
   9                 \r
  10                 var t1=t2=t2_1=t3=tLines=tend= new Date().getTime();\r
  11                 // l'editeur n'existe plus => on quitte\r
  12                 if(!editAreas[this.id])\r
  13                         return false;\r
  14                 \r
  15                 if(!this.smooth_selection && !this.do_highlight)\r
  16                 {\r
  17                         //do nothing\r
  18                 }\r
  19                 else if(this.textareaFocused && editAreas[this.id]["displayed"]==true && this.isResizing==false)\r
  20                 {\r
  21                         infos   = this.get_selection_infos();\r
  22                         changes = this.checkTextEvolution( typeof( this.last_selection['full_text'] ) == 'undefined' ? '' : this.last_selection['full_text'], infos['full_text'] );\r
  23                 \r
  24                         t2= new Date().getTime();\r
  25                         \r
  26                         // if selection change\r
  27                         if(this.last_selection["line_start"] != infos["line_start"] || this.last_selection["line_nb"] != infos["line_nb"] || infos["full_text"] != this.last_selection["full_text"] || this.reload_highlight || this.last_selection["selectionStart"] != infos["selectionStart"] || this.last_selection["selectionEnd"] != infos["selectionEnd"] || !timer_checkup )\r
  28                         {\r
  29                                 // move and adjust text selection elements\r
  30                                 new_top         = this.getLinePosTop( infos["line_start"] );\r
  31                                 new_width       = Math.max(this.textarea.scrollWidth, this.container.clientWidth -50);\r
  32                                 this.selection_field.style.top=this.selection_field_text.style.top=new_top+"px";\r
  33                                 if(!this.settings['word_wrap']){        \r
  34                                         this.selection_field.style.width=this.selection_field_text.style.width=this.test_font_size.style.width=new_width+"px";\r
  35                                 }\r
  36                                 \r
  37                                 // usefull? => _$("cursor_pos").style.top=new_top+"px"; \r
  38                 \r
  39                                 if(this.do_highlight==true)\r
  40                                 {\r
  41                                         // fill selection elements\r
  42                                         var curr_text   = infos["full_text"].split("\n");\r
  43                                         var content             = "";\r
  44                                         //alert("length: "+curr_text.length+ " i: "+ Math.max(0,infos["line_start"]-1)+ " end: "+Math.min(curr_text.length, infos["line_start"]+infos["line_nb"]-1)+ " line: "+infos["line_start"]+" [0]: "+curr_text[0]+" [1]: "+curr_text[1]);\r
  45                                         var start               = Math.max(0,infos["line_start"]-1);\r
  46                                         var end                 = Math.min(curr_text.length, infos["line_start"]+infos["line_nb"]-1);\r
  47                                         \r
  48                                         //curr_text[start]= curr_text[start].substr(0,infos["curr_pos"]-1) +"¤_overline_¤"+ curr_text[start].substr(infos["curr_pos"]-1);\r
  49                                         for(i=start; i< end; i++){\r
  50                                                 content+= curr_text[i]+"\n";    \r
  51                                         }\r
  52                                         \r
  53                                         // add special chars arround selected characters\r
  54                                         selLength       = infos['selectionEnd'] - infos['selectionStart'];\r
  55                                         content         = content.substr( 0, infos["curr_pos"] - 1 ) + "\r\r" + content.substr( infos["curr_pos"] - 1, selLength ) + "\r\r" + content.substr( infos["curr_pos"] - 1 + selLength );\r
  56                                         content         = '<span>'+ content.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace("\r\r", '</span><strong>').replace("\r\r", '</strong><span>') +'</span>';\r
  57                                         \r
  58                                         if( this.isIE || ( this.isOpera && this.isOpera < 9.6 ) ) {\r
  59                                                 this.selection_field.innerHTML= "<pre>" + content.replace(/^\r?\n/, "<br>") + "</pre>";\r
  60                                         } else {\r
  61                                                 this.selection_field.innerHTML= content;\r
  62                                         }\r
  63                                         this.selection_field_text.innerHTML = this.selection_field.innerHTML;\r
  64                                         t2_1 = new Date().getTime();\r
  65                                         // check if we need to update the highlighted background \r
  66                                         if(this.reload_highlight || (infos["full_text"] != this.last_text_to_highlight && (this.last_selection["line_start"]!=infos["line_start"] || this.show_line_colors || this.settings['word_wrap'] || this.last_selection["line_nb"]!=infos["line_nb"] || this.last_selection["nb_line"]!=infos["nb_line"]) ) )\r
  67                                         {\r
  68                                                 this.maj_highlight(infos);\r
  69                                         }\r
  70                                 }               \r
  71                         }\r
  72                         t3= new Date().getTime();\r
  73                         \r
  74                         // manage line heights\r
  75                         if( this.settings['word_wrap'] && infos["full_text"] != this.last_selection["full_text"])\r
  76                         {\r
  77                                 // refresh only 1 line if text change concern only one line and that the total line number has not changed\r
  78                                 if( changes.newText.split("\n").length == 1 && this.last_selection['nb_line'] && infos['nb_line'] == this.last_selection['nb_line'] )\r
  79                                 {\r
  80                                         this.fixLinesHeight( infos['full_text'], changes.lineStart, changes.lineStart );\r
  81                                 }\r
  82                                 else\r
  83                                 {\r
  84                                         this.fixLinesHeight( infos['full_text'], changes.lineStart, -1 );\r
  85                                 }\r
  86                         }\r
  87                 \r
  88                         tLines= new Date().getTime();\r
  89                         // manage bracket finding\r
  90                         if( infos["line_start"] != this.last_selection["line_start"] || infos["curr_pos"] != this.last_selection["curr_pos"] || infos["full_text"].length!=this.last_selection["full_text"].length || this.reload_highlight || !timer_checkup )\r
  91                         {\r
  92                                 // move _cursor_pos\r
  93                                 var selec_char= infos["curr_line"].charAt(infos["curr_pos"]-1);\r
  94                                 var no_real_move=true;\r
  95                                 if(infos["line_nb"]==1 && (this.assocBracket[selec_char] || this.revertAssocBracket[selec_char]) ){\r
  96                                         \r
  97                                         no_real_move=false;                                     \r
  98                                         //findEndBracket(infos["line_start"], infos["curr_pos"], selec_char);\r
  99                                         if(this.findEndBracket(infos, selec_char) === true){\r
 100                                                 _$("end_bracket").style.visibility      ="visible";\r
 101                                                 _$("cursor_pos").style.visibility       ="visible";\r
 102                                                 _$("cursor_pos").innerHTML                      = selec_char;\r
 103                                                 _$("end_bracket").innerHTML                     = (this.assocBracket[selec_char] || this.revertAssocBracket[selec_char]);\r
 104                                         }else{\r
 105                                                 _$("end_bracket").style.visibility      ="hidden";\r
 106                                                 _$("cursor_pos").style.visibility       ="hidden";\r
 107                                         }\r
 108                                 }else{\r
 109                                         _$("cursor_pos").style.visibility       ="hidden";\r
 110                                         _$("end_bracket").style.visibility      ="hidden";\r
 111                                 }\r
 112                                 //alert("move cursor");\r
 113                                 this.displayToCursorPosition("cursor_pos", infos["line_start"], infos["curr_pos"]-1, infos["curr_line"], no_real_move);\r
 114                                 if(infos["line_nb"]==1 && infos["line_start"]!=this.last_selection["line_start"])\r
 115                                         this.scroll_to_view();\r
 116                         }\r
 117                         this.last_selection=infos;\r
 118                 }\r
 119                 \r
 120                 tend= new Date().getTime();\r
 121                 //if( (tend-t1) > 7 )\r
 122                 //      console.log( "tps total: "+ (tend-t1) + " tps get_infos: "+ (t2-t1)+ " tps selec: "+ (t2_1-t2)+ " tps highlight: "+ (t3-t2_1) +" tps lines: "+ (tLines-t3) +" tps cursor+lines: "+ (tend-tLines)+" \n" );\r
 123                 \r
 124                 \r
 125                 if(timer_checkup){\r
 126                         setTimeout("editArea.check_line_selection(true)", this.check_line_selection_timer);\r
 127                 }\r
 128         };\r
 129 \r
 130 \r
 131         EditArea.prototype.get_selection_infos= function(){\r
 132                 var sel={}, start, end, len, str;\r
 133         \r
 134                 this.getIESelection();\r
 135                 start   = this.textarea.selectionStart;\r
 136                 end             = this.textarea.selectionEnd;           \r
 137                 \r
 138                 if( this.last_selection["selectionStart"] == start && this.last_selection["selectionEnd"] == end && this.last_selection["full_text"] == this.textarea.value )\r
 139                 {       \r
 140                         return this.last_selection;\r
 141                 }\r
 142                         \r
 143                 if(this.tabulation!="\t" && this.textarea.value.indexOf("\t")!=-1) \r
 144                 {       // can append only after copy/paste \r
 145                         len             = this.textarea.value.length;\r
 146                         this.textarea.value     = this.replace_tab(this.textarea.value);\r
 147                         start   = end   = start+(this.textarea.value.length-len);\r
 148                         this.area_select( start, 0 );\r
 149                 }\r
 150                 \r
 151                 sel["selectionStart"]   = start;\r
 152                 sel["selectionEnd"]             = end;          \r
 153                 sel["full_text"]                = this.textarea.value;\r
 154                 sel["line_start"]               = 1;\r
 155                 sel["line_nb"]                  = 1;\r
 156                 sel["curr_pos"]                 = 0;\r
 157                 sel["curr_line"]                = "";\r
 158                 sel["indexOfCursor"]    = 0;\r
 159                 sel["selec_direction"]  = this.last_selection["selec_direction"];\r
 160 \r
 161                 //return sel;   \r
 162                 var splitTab= sel["full_text"].split("\n");\r
 163                 var nbLine      = Math.max(0, splitTab.length);         \r
 164                 var nbChar      = Math.max(0, sel["full_text"].length - (nbLine - 1));  // (remove \n caracters from the count)\r
 165                 if( sel["full_text"].indexOf("\r") != -1 )\r
 166                         nbChar  = nbChar - ( nbLine - 1 );              // (remove \r caracters from the count)\r
 167                 sel["nb_line"]  = nbLine;               \r
 168                 sel["nb_char"]  = nbChar;\r
 169         \r
 170                 if(start>0){\r
 171                         str                                     = sel["full_text"].substr(0,start);\r
 172                         sel["curr_pos"]         = start - str.lastIndexOf("\n");\r
 173                         sel["line_start"]       = Math.max(1, str.split("\n").length);\r
 174                 }else{\r
 175                         sel["curr_pos"]=1;\r
 176                 }\r
 177                 if(end>start){\r
 178                         sel["line_nb"]=sel["full_text"].substring(start,end).split("\n").length;\r
 179                 }\r
 180                 sel["indexOfCursor"]=start;             \r
 181                 sel["curr_line"]=splitTab[Math.max(0,sel["line_start"]-1)];\r
 182         \r
 183                 // determine in which direction the selection grow\r
 184                 if(sel["selectionStart"] == this.last_selection["selectionStart"]){\r
 185                         if(sel["selectionEnd"]>this.last_selection["selectionEnd"])\r
 186                                 sel["selec_direction"]= "down";\r
 187                         else if(sel["selectionEnd"] == this.last_selection["selectionStart"])\r
 188                                 sel["selec_direction"]= this.last_selection["selec_direction"];\r
 189                 }else if(sel["selectionStart"] == this.last_selection["selectionEnd"] && sel["selectionEnd"]>this.last_selection["selectionEnd"]){\r
 190                         sel["selec_direction"]= "down";\r
 191                 }else{\r
 192                         sel["selec_direction"]= "up";\r
 193                 }\r
 194                 \r
 195                 _$("nbLine").innerHTML  = nbLine;               \r
 196                 _$("nbChar").innerHTML  = nbChar;               \r
 197                 _$("linePos").innerHTML = sel["line_start"];\r
 198                 _$("currPos").innerHTML = sel["curr_pos"];\r
 199 \r
 200                 return sel;             \r
 201         };\r
 202         \r
 203         // set IE position in Firefox mode (textarea.selectionStart and textarea.selectionEnd)\r
 204         EditArea.prototype.getIESelection= function(){\r
 205                 var selectionStart, selectionEnd, range, stored_range;\r
 206                 \r
 207                 if( !this.isIE )\r
 208                         return false;\r
 209                         \r
 210                 // make it work as nowrap mode (easier for range manipulation with lineHeight)\r
 211                 if( this.settings['word_wrap'] )\r
 212                         this.textarea.wrap='off';\r
 213                         \r
 214                 try{\r
 215                         range                   = document.selection.createRange();\r
 216                         stored_range    = range.duplicate();\r
 217                         stored_range.moveToElementText( this.textarea );\r
 218                         stored_range.setEndPoint( 'EndToEnd', range );\r
 219                         if( stored_range.parentElement() != this.textarea )\r
 220                                 throw "invalid focus";\r
 221                                 \r
 222                         // the range don't take care of empty lines in the end of the selection\r
 223                         var scrollTop   = this.result.scrollTop + document.body.scrollTop;\r
 224                         var relative_top= range.offsetTop - parent.calculeOffsetTop(this.textarea) + scrollTop;\r
 225                         var line_start  = Math.round((relative_top / this.lineHeight) +1);\r
 226                         var line_nb             = Math.round( range.boundingHeight / this.lineHeight );\r
 227                                                 \r
 228                         selectionStart  = stored_range.text.length - range.text.length;         \r
 229                         selectionStart  += ( line_start - this.textarea.value.substr(0, selectionStart).split("\n").length)*2;          // count missing empty \r to the selection\r
 230                         selectionStart  -= ( line_start - this.textarea.value.substr(0, selectionStart).split("\n").length ) * 2;\r
 231                         \r
 232                         selectionEnd    = selectionStart + range.text.length;           \r
 233                         selectionEnd    += (line_start + line_nb - 1 - this.textarea.value.substr(0, selectionEnd ).split("\n").length)*2;                      \r
 234                 \r
 235                         this.textarea.selectionStart    = selectionStart;\r
 236                         this.textarea.selectionEnd              = selectionEnd;\r
 237                 }\r
 238                 catch(e){}\r
 239                 \r
 240                 // restore wrap mode\r
 241                 if( this.settings['word_wrap'] )\r
 242                         this.textarea.wrap='soft';\r
 243         };\r
 244         \r
 245         // select the text for IE (and take care of \r caracters)\r
 246         EditArea.prototype.setIESelection= function(){\r
 247                 var a = this.textarea, nbLineStart, nbLineEnd, range;\r
 248                 \r
 249                 if( !this.isIE )\r
 250                         return false;\r
 251                 \r
 252                 nbLineStart     = a.value.substr(0, a.selectionStart).split("\n").length - 1;\r
 253                 nbLineEnd       = a.value.substr(0, a.selectionEnd).split("\n").length - 1;\r
 254                 range           = document.selection.createRange();\r
 255                 range.moveToElementText( a );\r
 256                 range.setEndPoint( 'EndToStart', range );\r
 257                 \r
 258                 range.moveStart('character', a.selectionStart - nbLineStart);\r
 259                 range.moveEnd('character', a.selectionEnd - nbLineEnd - (a.selectionStart - nbLineStart)  );\r
 260                 range.select();\r
 261         };\r
 262         \r
 263         \r
 264         \r
 265         EditArea.prototype.checkTextEvolution=function(lastText,newText){\r
 266                 // ch will contain changes datas\r
 267                 var ch={},baseStep=200, cpt=0, end, step,tStart=new Date().getTime();\r
 268         \r
 269                 end             = Math.min(newText.length, lastText.length);\r
 270         step    = baseStep;\r
 271         // find how many chars are similar at the begin of the text                                             \r
 272                 while( cpt<end && step>=1 ){\r
 273             if(lastText.substr(cpt, step) == newText.substr(cpt, step)){\r
 274                 cpt+= step;\r
 275             }else{\r
 276                 step= Math.floor(step/2);\r
 277             }\r
 278                 }\r
 279                 \r
 280                 ch.posStart     = cpt;\r
 281                 ch.lineStart= newText.substr(0, ch.posStart).split("\n").length -1;                                             \r
 282                 \r
 283                 cpt_last        = lastText.length;\r
 284         cpt                     = newText.length;\r
 285         step            = baseStep;                     \r
 286         // find how many chars are similar at the end of the text                                               \r
 287                 while( cpt>=0 && cpt_last>=0 && step>=1 ){\r
 288             if(lastText.substr(cpt_last-step, step) == newText.substr(cpt-step, step)){\r
 289                 cpt-= step;\r
 290                 cpt_last-= step;\r
 291             }else{\r
 292                 step= Math.floor(step/2);\r
 293             }\r
 294                 }\r
 295                 \r
 296                 ch.posNewEnd    = cpt;\r
 297                 ch.posLastEnd   = cpt_last;\r
 298                 if(ch.posNewEnd<=ch.posStart){\r
 299                         if(lastText.length < newText.length){\r
 300                                 ch.posNewEnd= ch.posStart + newText.length - lastText.length;\r
 301                                 ch.posLastEnd= ch.posStart;\r
 302                         }else{\r
 303                                 ch.posLastEnd= ch.posStart + lastText.length - newText.length;\r
 304                                 ch.posNewEnd= ch.posStart;\r
 305                         }\r
 306                 } \r
 307                 ch.newText              = newText.substring(ch.posStart, ch.posNewEnd);\r
 308                 ch.lastText             = lastText.substring(ch.posStart, ch.posLastEnd);                                   \r
 309                 \r
 310                 ch.lineNewEnd   = newText.substr(0, ch.posNewEnd).split("\n").length -1;\r
 311                 ch.lineLastEnd  = lastText.substr(0, ch.posLastEnd).split("\n").length -1;\r
 312                 \r
 313                 ch.newTextLine  = newText.split("\n").slice(ch.lineStart, ch.lineNewEnd+1).join("\n");\r
 314                 ch.lastTextLine = lastText.split("\n").slice(ch.lineStart, ch.lineLastEnd+1).join("\n");\r
 315                 //console.log( ch );\r
 316                 return ch;      \r
 317         };\r
 318         \r
 319         EditArea.prototype.tab_selection= function(){\r
 320                 if(this.is_tabbing)\r
 321                         return;\r
 322                 this.is_tabbing=true;\r
 323                 //infos=getSelectionInfos();\r
 324                 //if( document.selection ){\r
 325                 this.getIESelection();\r
 326                 /* Insertion du code de formatage */\r
 327                 var start = this.textarea.selectionStart;\r
 328                 var end = this.textarea.selectionEnd;\r
 329                 var insText = this.textarea.value.substring(start, end);\r
 330                 \r
 331                 /* Insert tabulation and ajust cursor position */\r
 332                 var pos_start=start;\r
 333                 var pos_end=end;\r
 334                 if (insText.length == 0) {\r
 335                         // if only one line selected\r
 336                         this.textarea.value = this.textarea.value.substr(0, start) + this.tabulation + this.textarea.value.substr(end);\r
 337                         pos_start = start + this.tabulation.length;\r
 338                         pos_end=pos_start;\r
 339                 } else {\r
 340                         start= Math.max(0, this.textarea.value.substr(0, start).lastIndexOf("\n")+1);\r
 341                         endText=this.textarea.value.substr(end);\r
 342                         startText=this.textarea.value.substr(0, start);\r
 343                         tmp= this.textarea.value.substring(start, end).split("\n");\r
 344                         insText= this.tabulation+tmp.join("\n"+this.tabulation);\r
 345                         this.textarea.value = startText + insText + endText;\r
 346                         pos_start = start;\r
 347                         pos_end= this.textarea.value.indexOf("\n", startText.length + insText.length);\r
 348                         if(pos_end==-1)\r
 349                                 pos_end=this.textarea.value.length;\r
 350                         //pos = start + repdeb.length + insText.length + ;\r
 351                 }\r
 352                 this.textarea.selectionStart = pos_start;\r
 353                 this.textarea.selectionEnd = pos_end;\r
 354                 \r
 355                 //if( document.selection ){\r
 356                 if(this.isIE)\r
 357                 {\r
 358                         this.setIESelection();\r
 359                         setTimeout("editArea.is_tabbing=false;", 100);  // IE can't accept to make 2 tabulation without a little break between both\r
 360                 }\r
 361                 else\r
 362                 { \r
 363                         this.is_tabbing=false;\r
 364                 }       \r
 365                 \r
 366         };\r
 367         \r
 368         EditArea.prototype.invert_tab_selection= function(){\r
 369                 var t=this, a=this.textarea;\r
 370                 if(t.is_tabbing)\r
 371                         return;\r
 372                 t.is_tabbing=true;\r
 373                 //infos=getSelectionInfos();\r
 374                 //if( document.selection ){\r
 375                 t.getIESelection();\r
 376                 \r
 377                 var start       = a.selectionStart;\r
 378                 var end         = a.selectionEnd;\r
 379                 var insText     = a.value.substring(start, end);\r
 380                 \r
 381                 /* Tab remove and cursor seleciton adjust */\r
 382                 var pos_start=start;\r
 383                 var pos_end=end;\r
 384                 if (insText.length == 0) {\r
 385                         if(a.value.substring(start-t.tabulation.length, start)==t.tabulation)\r
 386                         {\r
 387                                 a.value         = a.value.substr(0, start-t.tabulation.length) + a.value.substr(end);\r
 388                                 pos_start       = Math.max(0, start-t.tabulation.length);\r
 389                                 pos_end         = pos_start;\r
 390                         }       \r
 391                         /*\r
 392                         a.value = a.value.substr(0, start) + t.tabulation + insText + a.value.substr(end);\r
 393                         pos_start = start + t.tabulation.length;\r
 394                         pos_end=pos_start;*/\r
 395                 } else {\r
 396                         start           = a.value.substr(0, start).lastIndexOf("\n")+1;\r
 397                         endText         = a.value.substr(end);\r
 398                         startText       = a.value.substr(0, start);\r
 399                         tmp                     = a.value.substring(start, end).split("\n");\r
 400                         insText         = "";\r
 401                         for(i=0; i<tmp.length; i++){                            \r
 402                                 for(j=0; j<t.tab_nb_char; j++){\r
 403                                         if(tmp[i].charAt(0)=="\t"){\r
 404                                                 tmp[i]=tmp[i].substr(1);\r
 405                                                 j=t.tab_nb_char;\r
 406                                         }else if(tmp[i].charAt(0)==" ")\r
 407                                                 tmp[i]=tmp[i].substr(1);\r
 408                                 }               \r
 409                                 insText+=tmp[i];\r
 410                                 if(i<tmp.length-1)\r
 411                                         insText+="\n";\r
 412                         }\r
 413                         //insText+="_";\r
 414                         a.value         = startText + insText + endText;\r
 415                         pos_start       = start;\r
 416                         pos_end         = a.value.indexOf("\n", startText.length + insText.length);\r
 417                         if(pos_end==-1)\r
 418                                 pos_end=a.value.length;\r
 419                         //pos = start + repdeb.length + insText.length + ;\r
 420                 }\r
 421                 a.selectionStart = pos_start;\r
 422                 a.selectionEnd = pos_end;\r
 423                 \r
 424                 //if( document.selection ){\r
 425                 if(t.isIE){\r
 426                         // select the text for IE\r
 427                         t.setIESelection();\r
 428                         setTimeout("editArea.is_tabbing=false;", 100);  // IE can accept to make 2 tabulation without a little break between both\r
 429                 }else\r
 430                         t.is_tabbing=false;\r
 431         };\r
 432         \r
 433         EditArea.prototype.press_enter= function(){             \r
 434                 if(!this.smooth_selection)\r
 435                         return false;\r
 436                 this.getIESelection();\r
 437                 var scrollTop= this.result.scrollTop;\r
 438                 var scrollLeft= this.result.scrollLeft;\r
 439                 var start=this.textarea.selectionStart;\r
 440                 var end= this.textarea.selectionEnd;\r
 441                 var start_last_line= Math.max(0 , this.textarea.value.substring(0, start).lastIndexOf("\n") + 1 );\r
 442                 var begin_line= this.textarea.value.substring(start_last_line, start).replace(/^([ \t]*).*/gm, "$1");\r
 443                 var lineStart = this.textarea.value.substring(0, start).split("\n").length;\r
 444                 if(begin_line=="\n" || begin_line=="\r" || begin_line.length==0)\r
 445                 {\r
 446                         return false;\r
 447                 }\r
 448                         \r
 449                 if(this.isIE || ( this.isOpera && this.isOpera < 9.6 ) ){\r
 450                         begin_line="\r\n"+ begin_line;\r
 451                 }else{\r
 452                         begin_line="\n"+ begin_line;\r
 453                 }       \r
 454                 //alert(start_last_line+" strat: "+start +"\n"+this.textarea.value.substring(start_last_line, start)+"\n_"+begin_line+"_")\r
 455                 this.textarea.value= this.textarea.value.substring(0, start) + begin_line + this.textarea.value.substring(end);\r
 456                 \r
 457                 this.area_select(start+ begin_line.length ,0);\r
 458                 // during this process IE scroll back to the top of the textarea\r
 459                 if(this.isIE){\r
 460                         this.result.scrollTop   = scrollTop;\r
 461                         this.result.scrollLeft  = scrollLeft;\r
 462                 }\r
 463                 return true;\r
 464                 \r
 465         };\r
 466         \r
 467         EditArea.prototype.findEndBracket= function(infos, bracket){\r
 468                         \r
 469                 var start=infos["indexOfCursor"];\r
 470                 var normal_order=true;\r
 471                 //curr_text=infos["full_text"].split("\n");\r
 472                 if(this.assocBracket[bracket])\r
 473                         endBracket=this.assocBracket[bracket];\r
 474                 else if(this.revertAssocBracket[bracket]){\r
 475                         endBracket=this.revertAssocBracket[bracket];\r
 476                         normal_order=false;\r
 477                 }       \r
 478                 var end=-1;\r
 479                 var nbBracketOpen=0;\r
 480                 \r
 481                 for(var i=start; i<infos["full_text"].length && i>=0; ){\r
 482                         if(infos["full_text"].charAt(i)==endBracket){                           \r
 483                                 nbBracketOpen--;\r
 484                                 if(nbBracketOpen<=0){\r
 485                                         //i=infos["full_text"].length;\r
 486                                         end=i;\r
 487                                         break;\r
 488                                 }\r
 489                         }else if(infos["full_text"].charAt(i)==bracket)\r
 490                                 nbBracketOpen++;\r
 491                         if(normal_order)\r
 492                                 i++;\r
 493                         else\r
 494                                 i--;\r
 495                 }\r
 496                 \r
 497                 //end=infos["full_text"].indexOf("}", start);\r
 498                 if(end==-1)\r
 499                         return false;   \r
 500                 var endLastLine=infos["full_text"].substr(0, end).lastIndexOf("\n");                    \r
 501                 if(endLastLine==-1)\r
 502                         line=1;\r
 503                 else\r
 504                         line= infos["full_text"].substr(0, endLastLine).split("\n").length + 1;\r
 505                                         \r
 506                 var curPos= end - endLastLine - 1;\r
 507                 var endLineLength       = infos["full_text"].substring(end).split("\n")[0].length;\r
 508                 this.displayToCursorPosition("end_bracket", line, curPos, infos["full_text"].substring(endLastLine +1, end + endLineLength));\r
 509                 return true;\r
 510         };\r
 511         \r
 512         EditArea.prototype.displayToCursorPosition= function(id, start_line, cur_pos, lineContent, no_real_move){\r
 513                 var elem,dest,content,posLeft=0,posTop,fixPadding,topOffset,endElem;    \r
 514 \r
 515                 elem            = this.test_font_size;\r
 516                 dest            = _$(id);\r
 517                 content         = "<span id='test_font_size_inner'>"+lineContent.substr(0, cur_pos).replace(/&/g,"&amp;").replace(/</g,"&lt;")+"</span><span id='endTestFont'>"+lineContent.substr(cur_pos).replace(/&/g,"&amp;").replace(/</g,"&lt;")+"</span>";\r
 518                 if( this.isIE || ( this.isOpera && this.isOpera < 9.6 ) ) {\r
 519                         elem.innerHTML= "<pre>" + content.replace(/^\r?\n/, "<br>") + "</pre>";\r
 520                 } else {\r
 521                         elem.innerHTML= content;\r
 522                 }\r
 523                 \r
 524 \r
 525                 endElem         = _$('endTestFont');\r
 526                 topOffset       = endElem.offsetTop;\r
 527                 fixPadding      = parseInt( this.content_highlight.style.paddingLeft.replace("px", "") );\r
 528                 posLeft         = 45 + endElem.offsetLeft + ( !isNaN( fixPadding ) && topOffset > 0 ? fixPadding : 0 );\r
 529                 posTop          = this.getLinePosTop( start_line ) + topOffset;// + Math.floor( ( endElem.offsetHeight - 1 ) / this.lineHeight ) * this.lineHeight;\r
 530         \r
 531                 // detect the case where the span start on a line but has no display on it\r
 532                 if( this.isIE && cur_pos > 0 && endElem.offsetLeft == 0 )\r
 533                 {\r
 534                         posTop  +=      this.lineHeight;\r
 535                 }\r
 536                 if(no_real_move!=true){ // when the cursor is hidden no need to move him\r
 537                         dest.style.top=posTop+"px";\r
 538                         dest.style.left=posLeft+"px";   \r
 539                 }\r
 540                 // usefull for smarter scroll\r
 541                 dest.cursor_top=posTop;\r
 542                 dest.cursor_left=posLeft;       \r
 543         //      _$(id).style.marginLeft=posLeft+"px";\r
 544         };\r
 545         \r
 546         EditArea.prototype.getLinePosTop= function(start_line){\r
 547                 var elem= _$('line_'+ start_line), posTop=0;\r
 548                 if( elem )\r
 549                         posTop  = elem.offsetTop;\r
 550                 else\r
 551                         posTop  = this.lineHeight * (start_line-1);\r
 552                 return posTop;\r
 553         };\r
 554         \r
 555         \r
 556         // return the dislpayed height of a text (take word-wrap into account)\r
 557         EditArea.prototype.getTextHeight= function(text){\r
 558                 var t=this,elem,height;\r
 559                 elem            = t.test_font_size;\r
 560                 content         = text.replace(/&/g,"&amp;").replace(/</g,"&lt;");\r
 561                 if( t.isIE || ( this.isOpera && this.isOpera < 9.6 ) ) {\r
 562                         elem.innerHTML= "<pre>" + content.replace(/^\r?\n/, "<br>") + "</pre>";\r
 563                 } else {\r
 564                         elem.innerHTML= content;\r
 565                 }\r
 566                 height  = elem.offsetHeight;\r
 567                 height  = Math.max( 1, Math.floor( elem.offsetHeight / this.lineHeight ) ) * this.lineHeight;\r
 568                 return height;\r
 569         };\r
 570 \r
 571         /**\r
 572          * Fix line height for the given lines\r
 573          * @param Integer linestart\r
 574          * @param Integer lineEnd End line or -1 to cover all lines\r
 575          */\r
 576         EditArea.prototype.fixLinesHeight= function( textValue, lineStart,lineEnd ){\r
 577                 var aText = textValue.split("\n");\r
 578                 if( lineEnd == -1 )\r
 579                         lineEnd = aText.length-1;\r
 580                 for( var i = Math.max(0, lineStart); i <= lineEnd; i++ )\r
 581                 {\r
 582                         if( elem = _$('line_'+ ( i+1 ) ) )\r
 583                         {\r
 584                                 elem.style.height= typeof( aText[i] ) != "undefined" ? this.getTextHeight( aText[i] )+"px" : this.lineHeight;\r
 585                         }\r
 586                 }\r
 587         };\r
 588         \r
 589         EditArea.prototype.area_select= function(start, length){\r
 590                 this.textarea.focus();\r
 591                 \r
 592                 start   = Math.max(0, Math.min(this.textarea.value.length, start));\r
 593                 end             = Math.max(start, Math.min(this.textarea.value.length, start+length));\r
 594 \r
 595                 if(this.isIE)\r
 596                 {\r
 597                         this.textarea.selectionStart    = start;\r
 598                         this.textarea.selectionEnd              = end;          \r
 599                         this.setIESelection();\r
 600                 }\r
 601                 else\r
 602                 {\r
 603                         // Opera bug when moving selection start and selection end\r
 604                         if(this.isOpera && this.isOpera < 9.6 )\r
 605                         {       \r
 606                                 this.textarea.setSelectionRange(0, 0);\r
 607                         }\r
 608                         this.textarea.setSelectionRange(start, end);\r
 609                 }\r
 610                 this.check_line_selection();\r
 611         };\r
 612         \r
 613         \r
 614         EditArea.prototype.area_get_selection= function(){\r
 615                 var text="";\r
 616                 if( document.selection ){\r
 617                         var range = document.selection.createRange();\r
 618                         text=range.text;\r
 619                 }else{\r
 620                         text= this.textarea.value.substring(this.textarea.selectionStart, this.textarea.selectionEnd);\r
 621                 }\r
 622                 return text;                    \r
 623         };