Como puedo hacer esot

Reynier · #1 (**permalink**) 11/07/2004, 14:14

Lo que necesito hacer es que al marcar un texto que esta dentro de un edit y haga click en un boton me haga esto:

Cita:

[ b ]Texto en negritas[ /b ]

Salu2

caricatos · #2 (**permalink**) 11/07/2004, 17:05

Hola Reynier:

En esta página tienes un sencillo ejemplo y un link para bajarte la librería que yo uso:
http://www.pepemolina.com/editor/editor.html

Si necesitas ayuda para adaptarlo a tus necesidades, avisa.

Saludos

Reynier · #3 (**permalink**) 11/07/2004, 18:28

Caricatos ya he visitado el link que me dejaste y he bajado el script pero ahora mi código es este:

Código PHP:

  function storeCaret(text) { 
 if (text.createTextRange) { 
  text.caretPos = document.selection.createRange().duplicate(); 
 } 
} 
 
function meter(text) { 
 var postopic = document.librodevisitas.mensaje; 
 if (postopic.createTextRange && postopic.caretPos) { 
  var caretPos = postopic.caretPos; 
  caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? 
  text + ' ' : text; 
 }else 
   postopic.value += text; 
   postopic.focus(caretPos) 
 } 
 
function BBCode(accion){ 
 switch(accion){ 
  case "negrita":  
   negras = prompt("Texto en Negritas",""); 
   if(negras){ 
    negras="[b] "+negras+" [/b]"; 
    meter(negras); 
   } 
  break; 
  case "cursiva": 
   italica = prompt("Texto en Cursiva", ""); 
   if(italica) { 
    italica="[i] "+ italica +" [/i]"; 
    meter(italica); 
   } 
  break; 
  case "subrayado":  
   subrayado = prompt("Texto Subrayado", ""); 
   if(subrayado) { 
    subrayado="[u] "+subrayado+" [/u]"; 
    meter(subrayado); 
   } 
  break; 
  case "derecha": 
   right = "[right]  [/right]"; 
   meter(right); 
  break; 
  case "centrado": 
   center = "[center]  [/center]"; 
   meter(center); 
  break; 
  case "izquierda": 
   left = "[left]  [/left]"; 
   meter(left); 
  break; 
  case "justificado": 
   justify="[justify]  [/justify]"; 
   meter(justify); 
  break; 
  default: 
    meter(accion); 
  break; 
  } 
 }

como puedo adaparlo o mejor dicho agregarlo a ese script editor.js para que me funcione de la misma forma que me funcionaba antes. Las llamadas las hago así:

Código PHP:

   onClick=BBCode('negrita');

Salu2

caricatos · #4 (**permalink**) 11/07/2004, 18:44

Por lo que he visto solo tienes que cambiar el contenido de la función meter...

Prueba con esto:

function meter(texto) {
_insertar(document.librodevisitas.mensaje, texto)
}

No se si has visto el contenido de la página, pero creo que he detallado su uso.

Saludos

Reynier · #5 (**permalink**) 11/07/2004, 20:47

Claro que he leido lo que dice la pagina sobre el script pero el problema es que no me lio mucho con JavaScript. Ahora la cosa es que los elementos del form se crean en dependencia de la accion que haga el usuario, o sea, no tiene sentido que si el usuario da click en mostrar se muestre ademas de las firmas el formulario para firmar el libro cuando esto lo hago por separado. Mas o menos funciona así:
si accion = mostrar
acciones de mostrar
sino si accion = firmar
formulario de firmar
ahora si tratase de iniciar las cosas como se indica en la pagina, esto:

Código:

<body onload="elEditor = ini_editor(elTextarea)">

me daria error en caso de que el usuario lo que estuviera haciendo fuese ver las firmas porque como te explique antes no se crea el form cuando accedes a la pagina sino que se espera una accion por parte del usuario. Entoces que me recomiendas hacer o como puedo solucionar el problema.

Salu2

caricatos · #6 (**permalink**) 12/07/2004, 01:08

Hola otra vez:

No te preocupes ... si creas el formulario con un botón, puedes hacer que ese mismo botón inicialice el formulario después de crear el textarea ...

:
<input type="button" onclick="crearLibro(); elEditor = ini_editor(elTextarea);"
...

Tal como dice en la página del ejemplo, la variable elEditor (o como quieras llamarla) tiene que ser global.

Saludos