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é

Respuestas:

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
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
-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