Foros del Web » Creando para Internet » Diseño web »

editores para formularios similares a FCKeditor

Estas en el tema de editores para formularios similares a FCKeditor en el foro de Diseño web en Foros del Web. alguien podría indicarme algun editor tipo: FCKeditor que permita seleccionar negritas, cursivas, . . . pero que al hacer un copy paste por ejemplo "de ...
  #1 (permalink)  
Antiguo 05/02/2009, 13:04
 
Fecha de Ingreso: noviembre-2008
Mensajes: 136
Antigüedad: 9 años, 1 mes
Puntos: 3
editores para formularios similares a FCKeditor

alguien podría indicarme algun editor tipo: FCKeditor que permita seleccionar negritas, cursivas, . . . pero que al hacer un copy paste por ejemplo "de un texto" de una página web, este no mantenga el estilo, es dcir, que solo se copie el texto pero no las propiedades que tenía ese codigo en la web de donde lo copian?

Muchas gracias.
  #2 (permalink)  
Antiguo 05/02/2009, 13:06
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.740
Antigüedad: 9 años, 3 meses
Puntos: 2112
Respuesta: editores para formularios similares a FCKeditor

FCKeditor tiene la opcion para pegar "como texto sin formato" y "texto de word", limpiandolo.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 05/02/2009, 13:09
 
Fecha de Ingreso: noviembre-2008
Mensajes: 136
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: editores para formularios similares a FCKeditor

Uff que bueno,

¿y me podrías indicar como configuro dichas opciones?

Saludos y mil gracias
  #4 (permalink)  
Antiguo 05/02/2009, 13:54
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.740
Antigüedad: 9 años, 3 meses
Puntos: 2112
Respuesta: editores para formularios similares a FCKeditor

En FCKconfig.js tienes la configuracion de barras de herramientas:
Código:
FCKConfig.ToolbarSets["Default"] = [
	['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
	['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
	['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
	['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
	'/',
	['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
	['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
	['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
	['Link','Unlink','Anchor'],
	['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
	'/',
	['Style','FontFormat','FontName','FontSize'],
	['TextColor','BGColor'],
	['FitWindow','ShowBlocks','-','About']		// No comma for the last row.
] ;
Si usas la barra Default, ya tiene acivos 'PasteText' y 'PasteWord', lo unico que tienes que hacer es copiar tu texto y hacer click en el boton adecuado para pegarlo en el editor.
__________________
- León, Guanajuato
- GV-Foto
  #5 (permalink)  
Antiguo 05/02/2009, 16:34
 
Fecha de Ingreso: noviembre-2008
Mensajes: 136
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: editores para formularios similares a FCKeditor

Ok. Gracias

Y alguna forma de obligar a los usuarios a que utilicen el boton de "copiar texto plano", es decir, que si intentan pegar (control + V) directamente sobre la caja de texto no se lo permita, para evitar que me peguen estilos, . . . y así obligarles a utilizar el botón de copiar texto plano, ¿como se puede hacer? ¿es posible?
Lo que al final quiero es que no me peguen estilos, imagens, . . . cuando copian y pegan.

Muchas gracias.
  #6 (permalink)  
Antiguo 05/02/2009, 16:48
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.740
Antigüedad: 9 años, 3 meses
Puntos: 2112
Respuesta: editores para formularios similares a FCKeditor

Solo se me ocurre tratar de forzar al editor a que realice "limpieza de codigos word" al ser enviado el formulario, pero habria que preguntar en el subforo de Javascript, porque no se como hacerlo.
__________________
- León, Guanajuato
- GV-Foto
  #7 (permalink)  
Antiguo 05/02/2009, 23:39
 
Fecha de Ingreso: noviembre-2008
Mensajes: 136
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: editores para formularios similares a FCKeditor

muchas gracias Triby,

voy a probar en el foro de Javascript a ver si alguien se le ocurre una solución.

Muchas gracias de nuevo y ya te contaré.
  #8 (permalink)  
Antiguo 06/02/2009, 16:28
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.740
Antigüedad: 9 años, 3 meses
Puntos: 2112
Respuesta: editores para formularios similares a FCKeditor

Revisando la documentacion de FCKeditor me encontre con la API y se puede hacer con el evento onPaste:

Código:
function FCKeditor_OnComplete( editorInstance )
{
    editorInstance.Events.AttachEvent( 'OnPaste', cleanWord ) ;
}

var counter = 0 ;

function cleanWord( editorInstance )
{
    oEditor.Commands.GetCommand('PasteWord').Execute();
}
No lo he probado, pero podria funcionar.
__________________
- León, Guanajuato
- GV-Foto
  #9 (permalink)  
Antiguo 07/02/2009, 05:41
 
Fecha de Ingreso: noviembre-2008
Mensajes: 136
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: editores para formularios similares a FCKeditor

Hola triby, bingo. ¡¡¡ Muchísimas gracias !!! me ha costado un poco porqué no soy un experto en esto de la programación js y php pero la verdad que es facil.

Los pasos son:

En la página donde vayan a estar las cajas de texto FCK... debes pegar el JS:

function FCKeditor_OnComplete( editorInstance )
{
editorInstance.Events.AttachEvent( 'OnPaste', cleanTexto ) ;
}

var counter = 0 ;

function cleanTexto( editorInstance )
{
editorInstance.Commands.GetCommand('PasteText').Ex ecute();
}

y listo.

Cuando hagas paste te saltará la ventana popo - up de pegar texto sin formato y a funcionar.

Buenisimo.

Mil gracias Triby y ojalá sirva esto a otra mucha gente tambien.

saludos y buen finde.
  #10 (permalink)  
Antiguo 09/02/2009, 01:50
 
Fecha de Ingreso: noviembre-2008
Mensajes: 136
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: editores para formularios similares a FCKeditor

desgraciadamente en el internet explorer lo anterior no funciona. En el firefox de lujo pero en el explorer nada, es como si no ejecutara el evento que le indico que debe hacerse cuando le pido un paste.

¿alguna idea?

saludos y gracias
  #11 (permalink)  
Antiguo 09/02/2009, 10:10
 
Fecha de Ingreso: noviembre-2008
Mensajes: 136
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: editores para formularios similares a FCKeditor

EL problema parece estar en:
editorInstance.Commands.GetCommand('PasteText').Ex ecute();

que esta forma de Js al explorer no le gusta.

Alguien sabría decirme como hay que llamar al excecute para que explorer se entere?

gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:58.