Often when you are copying and pasting content from a desktop app or a web page, you end up pasting unwanted formatting too. This does not match your WordPress theme’s fonts and colors which simply looks odd.
To copy text from a document or webpage, you need to highlight it using your mouse. Then, simply right-click and select ‘Copy’ from the menu. Or, you can use the keyboard shortcut Ctrl+C (Command+C on a Mac) to copy the highlighted text.
Also, the bold text and italic text are formatted using the <b> tag instead of <strong> and the <i> tag instead of <em>. It is generally considered best to use the <strong> and <em> tags as these give your words semantic meaning, not just visual styling.
We hope this article helped you learn how to copy and paste into WordPress. You might also like our tips on mastering the WordPress content editor, and our expert pick of the must have WordPress plugins for all websites.
The Ultimate WordPress ToolkitGet FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!Download NowReader Interactions16 CommentsLeave a Reply
WordPress elimina br
Aaron tiene un documento que contiene una serie de etiquetas HTML, y le gustaría eliminar las etiquetas, pero mantener el formato que representan. Por ejemplo, si tiene una frase que aparece así, le gustaría eliminar las etiquetas ( y ) pero que “una frase” aparezca en cursiva. Aaron está bastante seguro de que esto se puede hacer con Buscar y reemplazar, pero no está muy seguro de cómo hacerlo.
El código que se introduce en el cuadro Buscar qué (paso 4) puede parecer un poco desalentador. Todo lo que le está diciendo a Word que haga es encontrar la etiqueta HTML de inicio () seguida por cualquier número de caracteres y terminando con la etiqueta HTML de cierre (). La brevísima entrada en el cuadro Reemplazar con (paso 5) simplemente dice que se reemplace lo que se encuentre con el contenido del primer elemento del cuadro Buscar qué que esté rodeado de paréntesis, que resulta ser el texto entre las dos etiquetas HTML.
Asigna la macro a un atajo de teclado y podrás eliminar las etiquetas HTML en cursiva siempre que lo necesites. También puedes ampliar la macro para hacer cambios similares en relación con otras etiquetas HTML que necesites eliminar. Incluso puedes asegurarte de que se tratan etiquetas alternativas. Por ejemplo, HTML utiliza ambas etiquetas y para mostrar información en cursiva, lo que significa que debes tener en cuenta la posibilidad de ambos conjuntos de etiquetas en tu macro.
Limpiar html/
La presencia de este carácter en las URLs parece causar dificultades a los navegadores de algunos usuarios, y puede bloquear la pestaña cuando un usuario visita un enlace con el carácter en ella. No estoy seguro de cómo obtener ese carácter “naturalmente” en el portapapeles, pero parece suceder al copiar + pegar desde algo (lo he encontrado en un número de sitios que administro después del lanzamiento de WP 5.9).
He probado en un sitio limpio corriendo sólo WP 5.9 (usando la versión de Gutenberg que viene con WP 5.9). El tema era Twenty Twenty Two, pero puedo reproducirlo con otros temas. He probado con Safari y Chrome. El dispositivo era un MacBook Pro.
Para el punto 2 específicamente, he estado recibiendo una serie de informes y notarlo a través de muchos de los sitios que alojamos después de WP 5.9. Al hablar con los clientes, parece que la única cosa que tienen en común es que escriben los posts en un editor externo y luego los pegan en WP, por lo que MS Word parece una buena teoría. Seguiré recopilando datos a medida que me encuentre con el problema y haré un seguimiento si obtengo datos más concretos. 🙂
WordPress añadir etiquetas br
Este extraño comportamiento es consistente en muchas aplicaciones – InDesign, TextEdit, Mail – así que sospecho que puede estar ocurriendo a nivel de sistema operativo. En cualquier caso, ¡no quiero que los atributos de clase se cuelen en el marcado a menos que yo los ponga ahí!
Un problema más importante es que TinyMCE no filtra las etiquetas HTML del contenido pegado. Si copias y pegas texto de un sitio web, puede que, sin saberlo, te lleves sus etiquetas y acabes con algo como esto:
Desafortunadamente, TinyMCE no tiene una opción de configuración para especificar qué etiquetas están permitidas en el marcado pegado. La opción valid_elements nos permite definir qué elementos permanecerán en el texto editado cuando TinyMCE lo guarde, pero es una solución demasiado entusiasta. En ocasiones puede ser necesario añadir marcas a través de TinyMCE, y valid_elements las eliminaría de nuevo al guardar la entrada. Lo que se necesita es una forma de limpiar el texto cuando se pega en TinyMCE, pero permitiendo al usuario escribir marcas en el editor si así lo desea.
La solución viene en forma de la opción paste_preprocess, que nos permite especificar una llamada de retorno que se ejecutará cuando el contenido se inserte en el editor. Dentro de ese callback podemos eliminar cualquier etiqueta que no queramos, y eliminar class, id y cualquier otro atributo indeseable de nuestro contenido.