Tema: Programar editor de texto
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/03/2009, 20:03
cara_luna
 
Fecha de Ingreso: marzo-2009
Mensajes: 74
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Programar editor de texto
Hola:

Yo tengo uno que tiene lo que necesitas, funciona perfecto solo que quiero mejorarlo añadiendo más opciones si logras encontrar algunas otras funciones como insertar tabla, resaltar texto, etc por favor escribeme, este es el script

Código javascript: 
Ver original
  1. <STYLE TYPE="text/css">
  2. TABLE#tblCoolbar 
  3.     { 
  4.     background-color:threedface; padding:1px; color:menutext; 
  5.     border-width:1px; border-style:solid; 
  6.     border-color:threedhighlight threedshadow threedshadow threedhighlight;
  7.     }
  8. .cbtn
  9.     {
  10.     height:18;
  11.     BORDER-LEFT: threedface 1px solid;
  12.     BORDER-RIGHT: threedface 1px solid;
  13.     BORDER-TOP: threedface 1px solid;
  14.     BORDER-BOTTOM: threedface 1px solid; 
  15.     }
  16. .txtbtn {font-family:tahoma; font-size:70&#37;; color:menutext;}
  17. </STYLE>
  18.  
  19. <script LANGUAGE="JavaScript">
  20. function button_over(eButton)
  21.     {
  22.     eButton.style.backgroundColor = "#B5BDD6";
  23.     eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
  24.     }
  25. function button_out(eButton)
  26.     {
  27.     eButton.style.backgroundColor = "threedface";
  28.     eButton.style.borderColor = "threedface";
  29.     }
  30. function button_down(eButton)
  31.     {
  32.     eButton.style.backgroundColor = "#8494B5";
  33.     eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
  34.     }
  35. function button_up(eButton)
  36.     {
  37.     eButton.style.backgroundColor = "#B5BDD6";
  38.     eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
  39.     eButton = null; 
  40.     }
  41. //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  42.  
  43. var isHTMLMode=false
  44.  
  45. function document.onreadystatechange()
  46.     {
  47.     idContent.document.designMode="On"
  48.     }
  49. function cmdExec(cmd,opt) 
  50.     {
  51.     if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
  52.     idContent.document.execCommand(cmd,"",opt);idContent.focus();
  53.     }
  54. function setMode(bMode)
  55.     {
  56.     var sTmp;
  57.     isHTMLMode = bMode;
  58.     if (isHTMLMode){sTmp=idContent.document.body.innerHTML;idContent.document.body.innerText=sTmp;} 
  59.     else {sTmp=idContent.document.body.innerText;idContent.document.body.innerHTML=sTmp;}
  60.     idContent.focus();
  61.     }
  62. function createLink()
  63.     {
  64.     if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
  65.     cmdExec("CreateLink");
  66.     }
  67. function insertImage()
  68.     {
  69.     if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
  70.     var sImgSrc=prompt("Insert Image File (You can use your local image file) : ", "pag-inicio.gif");
  71.     if(sImgSrc!=null) cmdExec("InsertImage",sImgSrc);
  72.     }
  73. function Save() 
  74.     {
  75.     if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
  76.     var sImgTag = idContent.document.body.all.tags("IMG");
  77.     var oImg;
  78.     for (var i = sImgTag.length - 1; i >= 0; i--) 
  79.         {
  80.         oImg = sImgTag[i];
  81.         alert("Add your code to Upload local image file here. Image Inserted : " + oImg.src );
  82.         }
  83.     alert("Add your code to Save Document here");
  84.     alert("Your Document : " + idContent.document.body.innerHTML);
  85.     }
  86. function foreColor()
  87.     {
  88.     var arr = showModalDialog("selcolor.htm","","font-family:Verdana; font-size:12; dialogWidth:30em; dialogHeight:34em" );
  89.     if (arr != null) cmdExec("ForeColor",arr);  
  90.     }
  91. function insertTable() 
  92.     {
  93.     var arr = showModalDialog("insert_table.htm","","font-family:Verdana; font-size:12; dialogWidth:30em; dialogHeight:35em" );
  94.     if (arr != null) cmdExec("insertTable",arr);
  95.     }
  96.  
  97. </script>

Saludos y suerte