HTML5, WordPress e Tiny MCE issue – tag de âncora de envolvimento em torno de div resulta em saída funky

Então, eu estou usando o HTML5 em um site e estou tentando envolver um div em uma marca de âncora, o que é supostamente aceitável em sites HTML5. Mas quando eu faço isso …

Some content

… através do WordPress Tiny MCE editor, eu obtenho esta saída:

 

 

Some content

Todos os tipos de bagunça. Se eu virar para o editor visual e voltar para Texto no Tiny MCE, ele mudou o código para isso:

   
Some content
 

Alguém sabe como forçar o Tiny MCE a permitir isso? (idealmente, sem recorrer à versão do plugin avançado do Tiny MCE)

Obrigado por qualquer conselho.

Solutions Collecting From Web of "HTML5, WordPress e Tiny MCE issue – tag de âncora de envolvimento em torno de div resulta em saída funky"

Você precisa modificar as configurações do TinyMCE, especificamente a configuração valid_children . Para fazer isso no WordPress, use a referência do filtro tiny_mce_before_init .

Algo assim (não testado):

 add_filter('tiny_mce_before_init', 'modify_valid_children'); function modify_valid_children($settings){ $settings['valid_children']="+a[div|p|ul|ol|li|h1|h2|h3|h4|h5|h5|h6]"; return $settings; } 

Você pode usar + a [*] para capturar todos os elementos, mas você vai querer cuidar para evitar tags de âncora aninhadas .