Saltar al contenido

Pegar contenido como texto sin formato en el editor de notas de verano

Te damos la bienvenida a nuestro espacio, ahora hallarás la solucíon de lo que necesitas.

Solución:

Utilizar el onPaste Llamar de vuelta

Utilizar el onPaste opción para definir una devolución de llamada que eliminará las etiquetas e insertará manualmente el texto.

$editor.summernote(
    onPaste: function (e)  e).clipboardData 
);

Crédito: https://github.com/summernote/summernote/issues/303

Resolver problemas de Firefox:

Es posible que todavía tengas problemas con Firefox. Si es así, envuélvelo document.execCommand en una función de temporizador para retrasar un poco su ejecución:

setTimeout(function()
    document.execCommand( 'insertText', false, bufferText );
, 10);

Actualización para v0.7.0+

La posición de las devoluciones de llamada en las opciones se cambia después de v0.7.0
Después de v0.7.0, todas las devoluciones de llamada deben estar envueltas por el objeto de devoluciones de llamada. (fuente)

Esto significa que el código original debe escribirse como

$editor.summernote(
    callbacks: 
        onPaste: function (e) 
            var bufferText = ((e.originalEvent 
    
);

Crédito a Mathieu Castets por señalar esto (así que si esto ayudó, ¡vote a favor de su respuesta!)

TL;RD: Aquí hay un funcional manifestación

Después de v0.7.0, todas las devoluciones de llamada deben estar envueltas por el objeto de devoluciones de llamada. http://summernote.org/deep-dive/#callbacks

Entonces, si está usando summernote de v0.7.0 o superior, la respuesta de jcuenod ahora podría reescribirse como:

$('.summernote').summernote(
    callbacks: 
        onPaste: function (e)  e).clipboardData 
    
);

La devolución de llamada onPaste funciona muy bien, pero estaba teniendo problemas con el manejo diferente de los saltos de línea en diferentes navegadores. Así que se me ocurrió la siguiente solución, que usa saltos de línea html:



    $(".htmleditor").summernote(
      callbacks: 
        // callback for pasting text only (no formatting)
        onPaste: function (e) 
          var bufferText = ((e.originalEvent 
      
    );

valoraciones y reseñas

Si te mola el proyecto, puedes dejar una sección acerca de qué te ha impresionado de esta noticia.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *