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é

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

2

Você pode tentar estes plugins:

O TinyMCE Advanced tem a configuração Parar de remover as tags <p>e <br />ao salvá-las e mostrá-las no editor HTML

— fad.lee
fonte

@evanmcd Parou de remover as tags <p> e <br /> ... funcionou?

— sam

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

0

O seguinte plugin funcionou para mim.

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

— Rijo KP
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