Mantenga el formato HTML cuando cambie de editor Visual a HTML

12

He estado buscando una solución que me permita editar el código HTML y que permanezca después de un cambio al editor Visual y viceversa.

He intentado muchas cosas sin suerte:

el complemento wp-no-format
el complemento HTML sin formato
ingresando todo mi HTML en una línea

Si solo fuera yo quien administrara el contenido, deshabilitaría el editor Visual. Pero como tengo varios administradores de contenido y páginas en las que hay HTML (formularios, por ejemplo) y contenido que necesitan editar, esa no es una opción.

Cualquier sugerencia será muy apreciada.

html visual-editor formatting

— evanmcd
fuente

¿Está tratando de mostrar el código en una publicación / página

— xLRDxREVENGEx

El código HTML se muestra más comúnmente en una página, sí.

— evanmcd

Acabo de agregar algunos resaltadores de sintaxis más los resultados de búsqueda

— xLRDxREVENGEx

La única solución que encontré que respeta el código en HTML y en la vista del Editor Visual es rawhtmlpro.com

— Sylvain Rayé

7

Sé exactamente cómo te sientes, y lamentablemente este problema está enraizado en el código central de WordPress, no en TinyMCE o debido a problemas de compatibilidad del navegador. Escribí un complemento que le permite formatear el marcado html en el editor HTML, alternar entre él y la pestaña Visual sin afectar el código fuente, y hacer cambios en la pestaña Visual sin romper el formato HTML original ...

http://wordpress.org/extend/plugins/preserved-html-editor-markup/

También conserva hendiduras con pestañas, solo 4 espacios :( - y mejora la compatibilidad HTML5.

La única "trampa" es que deshabilita wpautop. Cito trampas porque algunas personas odian que el editor envuelva etiquetas p alrededor de su contenido, como resultado, el editor visual usará etiquetas br para retornos de carro, por lo que es posible que deba ajustar sus hojas de estilo.

¡Disfrutar!

— Marcus Pope
fuente

1

He actualizado el complemento con algunas características que resuelven el problema sin wpautop. Ahora el editor visual se puede configurar para inyectar etiquetas p o etiquetas br o ambas (dos líneas nuevas consecutivas crean una etiqueta ap). Y admite javascript y css en línea. En la versión 1.5, que pronto se lanzará, también admitirá bloques de código javascript. Si desea que su marcado se vea como lo escribió, definitivamente es el complemento que debe usar. Nada de lo que he intentado se acerca.

— Marcus Pope el

Muchas gracias, esta es la única solución que he encontrado que hace que el editor visual (después de guardar) no cambie el HTML.

— jackJoe

Hoy es 2015, y el complemento tiene una actualización

— Ooker, el

Todavía funciona como un encanto!

— joseantgv

2

Puedes probar estos complementos:

TinyMCE Advanced tiene una configuración para dejar de eliminar las etiquetas <p>y <br />al guardar y mostrarlas en el editor HTML

— moda.
fuente

@evanmcd ¿Dejó de eliminar las etiquetas <p> y <br /> ... funcionó?

— Sam

0

Si solo hay secciones de código que no desea alterar, también puede almacenar ese HTML / incrustación / etc confidencial en campos personalizados.

Mediante el uso de este complemento de código corto, puede incluir los campos personalizados RAW dentro de cualquier publicación, página o incluso widget con algo como: [incluya "mi nombre de campo personalizado"]. También puede extraer fragmentos comunes de otras publicaciones con algo como [include global = "shared_code_menu"].

Es una alternativa barata y tiene limitaciones, pero es liviana y directa.

http://pp19dd.com/wordpress-plugin-include-custom-field/

— pp19dd
fuente

0

El siguiente complemento funcionó para mí.

https://wordpress.org/plugins/embedit-pro/

— Rijo KP
fuente

-1

Ok, vamos a mover esto a una respuesta ahora. Quieres algo como esto

-Título- Publicación de
muestra

-contenido-
lalalalalalalalalalalala

<div><a href="blah.com">Blah</a></div>

Una lista de resaltadores de sintaxis
- Botón de resaltado de sintaxis TinyMCE
- WP SyntaxHighligter
- RBCODE
- El resultado de búsqueda de Wordpress Extend

— xLRDxREVENGEx
fuente

Hmm, honestamente no estoy seguro de lo que estás tratando de transmitir con esa respuesta. ¿Puedes explicar un poco más? ¿Entiendes la naturaleza del problema que estoy tratando de resolver?

— evanmcd

Le pregunté si quería mostrar el html que dijo que sí. Entonces eso es lo que hace un resaltador de sintaxis. Ahora, si eso no es lo que estás buscando, lo siento, pero así es como lo leí. Entonces, ¿estás tratando de usar html personalizado dentro de una publicación para cambiar el aspecto de la publicación?

— xLRDxREVENGEx

El problema que estoy tratando de resolver: 1) ingrese HTML en la Vista HTML. 2) cambie a la Vista de diseño. 3) vuelva a la vista HTML. HTML ha sido modificado cuando no quiero que lo sea.

— evanmcd

Sí, me acabo de dar cuenta de que eso sucede. Nunca uso la vista no html, así que nunca me di cuenta. Todavía estoy tratando de resolverlo

— xLRDxREVENGEx