Mantenha o formato HTML ao alternar do editor Visual para HTML

12

Eu estive procurando uma solução que me permita editar o código HTML e mantê-lo após uma mudança para o editor Visual e vice-versa.

Eu tentei um monte de coisas sem sorte:

  • o plugin wp-no-format
  • o plugin HTML bruto
  • inserindo todo o meu HTML em uma linha

Se fosse apenas eu gerenciando o conteúdo, eu desativaria o editor Visual. Mas como tenho vários gerenciadores de conteúdo e páginas nas quais há HTML (formulários, por exemplo) e conteúdo que eles precisam editar, isso não é uma opção.

Todas as sugestões serão muito apreciadas.

html visual-editor formatting evanmcd
fonte
que você está tentando exibir o código em um post / página
xLRDxREVENGEx
O código HTML é mais comumente exibido em uma página, sim.
Evanmcd
Acabei de adicionar alguns marcadores de sintaxe mais os resultados de busca
xLRDxREVENGEx
A única solução que encontrei que respeita o código na visualização HTML e do Visual Editor é o rawhtmlpro.com
Sylvain Rayé

Respostas:

7

Eu sei exatamente como você se sente, e infelizmente esse problema está enraizado no código principal do wordpress, não no TinyMCE ou devido a problemas de compatibilidade do navegador. Eu escrevi um plugin que permite formatar a marcação html no editor HTML, alternar entre ela e a guia Visual sem afetar o código-fonte e fazer alterações na guia Visual sem interromper a formatação HTML original ...

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

Ele também preserva os recuos com guias - apenas 4 espaços :( - e aprimora a compatibilidade com HTML5.

A única "armadilha" é que ela desativa o wpautop. Cito a armadilha porque algumas pessoas odeiam que o editor envolva as tags p em torno de seu conteúdo, como resultado, o editor Visual usará tags br para retornos de carro - portanto, talvez você precise ajustar suas folhas de estilo.

Desfrutar!

Marcus Pope
fonte
1
Atualizei o plugin com alguns recursos que resolvem o problema sem wpautop. Agora, o editor visual pode ser configurado para injetar tags p ou br ou ambas (duas novas linhas consecutivas criam uma tag ap). E ele suporta javascript e css embutidos. Na versão 1.5, a ser lançada em breve, também suportará blocos de código javascript. Se você deseja que sua marcação pareça com a que você escreveu, é definitivamente o plugin a ser usado. Nada que eu tentei chega perto.
Marcus Papa
Muito obrigado, esta é a única solução que encontrei que faz com que o editor visual (após salvar) não altere o HTML.
precisa saber
Hoje é 2015, e o plug-in está atualizado
Ooker 09/09
Ainda funciona como um encanto!
joseantgv
0

Se houver apenas seções de código que você não deseja desconfigurar, você pode armazenar alternativamente esse HTML / incorporação / etc sensível em campos personalizados.

Ao usar este plug-in de código curto, você pode incluir os campos personalizados RAW em qualquer publicação, página ou mesmo widget com algo como: [inclua "meu nome de campo personalizado"]. Ele também pode extrair trechos comuns de outras postagens com algo como [include global = "shared_code_menu"].

É uma alternativa barata e tem limitações, mas é leve e direta.

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

pp19dd
fonte
-1

Ok, então vamos passar isso para uma resposta agora. Você quer algo como isso

-Título-
Exemplo de postagem

-content-
lalalalalalalalalalalala

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

Uma lista de marcadores de sintaxe
- Botão SyntaxHighlighter TinyMCE
- WP SyntaxHighligter
- RBCODE
- O resultado da pesquisa de Wordpress Extend

xLRDxREVENGEx
fonte
Hmm, sinceramente não tenho certeza do que você está tentando transmitir com essa resposta. Você pode explicar um pouco mais? Você entende a natureza do problema que estou tentando resolver?
Evanmcd 14/05
Perguntei se você queria mostrar o html e disse que sim. Então é isso que um marcador de sintaxe faz. Agora, se não é isso que você está procurando, desculpe, mas é assim que eu o leio. Então, você está tentando usar html personalizado dentro de uma postagem para alterar a aparência da postagem?
XLRDxREVENGEx
O problema que estou tentando resolver: 1) digite HTML no modo de exibição HTML. 2) mude para o Design View. 3) volte para a visualização HTML. O HTML foi modificado quando não quero que seja.
Evanmcd
Sim, acabei de perceber que isso acontece. Nunca uso a visualização não html, então nunca percebi isso. Eu ainda estou tentando descobrir isso
xLRDxREVENGEx