entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Pegar solo texto simple en un div conteteditable

Buenas, actualmente me encuentro en el desarrollo de un editor de texto para mi sitio web y necesito que al momento de que un usuario copie y pegue contenido dentro del div conteteditable que solo de la posibilidad de pegarlo como texto simple o texto sin formato, osea que no se venga ni con el color de la letra ni la tipografía ni nada por el estilo.

3votos

carlossevi comentado

¿Qué parece poner parte del código o componentes que estás utilizando para que alguien te pueda ayudar a implementar ese cambio?

2votos

jorge98 comentado

No hay mucho codigo que mostrar, tengo un div editable

<div id="editor_texto" conteteditable="true"></div>

y deseo saber si existe una manera de que a ese div solo se le pueda pegar contenido sin formato, espero que me puedan ayudar :)

1 Respuesta

2votos

Leonardo-Tadei Puntos227320

Hola Jorge,

la única manera de que se pueda pegar contenido sin formato, es pegarlo en un textarea.

Al pegarlo en un DIV, el contenido que se pegue cae inmediatamente en la influencia del renderizador del navegador, que respetará el formato interpretable como HTML.

Si no estás haciendo un editor WYSIWYG, poner un textarea es la solución.

Si no estás haciendo un editor WYSIWYG, tendrá una barra de herramientas, y le podrás agregar (e invocar luego de pegar texto) un botón de "limpiar formato" que borre las etiquetas HTML.

Saludos cordiales!

2votos

jorge98 comentado

Muchas gracias por tu respuesta!! aunque mi pregunta se basa por el hecho de que otros editores de texto enriquecidos logran limpiar el formato del texto pegado, como lo hace el editor de texto de WordPress. Ahora mi pregunta seria, existe alguna manera de limpiar el formato con el evento onPaste?

2votos

Leonardo-Tadei comentado

Claro que se puede limpiar el formato en el onPaste!

Solo tendrías que ver, en el editor WYSIWYG que estés usando, cómo hacer la llamada a función de limpieza de formato, e invocarla programáticamente al detectar que se pega texto.

Creo que el editor del WordPress es tinyMCE. Te será más fácil partir de ese editor para conseguir esto, porque ya estás familiarizado con él.

Saludos cordiales!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta