Tinymce não pode alinhar tags de cabeçalho
Pergunta
Alguém sabe como posso ativar o alinhamento de texto de tags de cabeçalho através da interface Tinymce? Se eu selecionar o texto (de qualquer tag de cabeçalho) e selecionar uma opção de aligmamento, ele parece ter alinhado corretamente no editor. No entanto, quando salvo a página, ela é transferida de volta para o alinhamento padrão (no meu caso restante).
Também tentei editar o HTML diretamente, mas quando fecho a caixa de diálogo, o HTML não parece atualizar.
Eu encontrei alguma documentação sobre o wiki sobre o Extended_Valid_Elements que eu tentei atualizar no tiny_mce.js
Arquivo, mas não parecia fazer a diferença.
Aqui está a configuração `valid_elements 'para as tags do cabeçalho do arquivo tinymceconfig.config:
-h1[id|dir|class|align],-h2[id|dir|class|align],
-h3[id|dir|class|align],-h4[id|dir|class|align],-h5[id|dir|class|align],-h6[id|style|dir|class|align]
Solução
Apenas para quem tem um problema semelhante, consegui resolver isso.
O editor tenta aplicar o style
Atributo às tags do cabeçalho quando você seleciona qualquer uma das opções de alinhamento, por padrão, isso não está ativado no valid_elements
configuração.
Para fazer com que isso funcione, você só precisa adicionar o style
atributo à configuração para cada cabeçalho, por exemplo -h1[id|dir|class|align|style], -h2[id|dir|class|align|style]
etc.
Se estiver usando Umbraco, você precisa fazer essas alterações no ~/config/tinyMceConfig.config
Arquive e, em seguida, recicle o pool de aplicativos em que seu site está sendo executado.
Outras dicas
A respeito Valid_Elements? Eu acho que essa deve ser a configuração correta para você, porque as tags do cabeçalho são tags XHTML válidas, você não precisa do Extend_Valid_Elements.