Snippet: use classs em vez de estilos inline para alinhamento de texto

WordPress ‘TinyMCE (WYSIWYG) editor está adicionando stlyes inline para a marcação quando você altera o alinhamento do texto. Esse comportamento é codificado em wp-includes/class-wp-editor.php .

Os estilos em linha podem ser alterados para as classs?

Solutions Collecting From Web of "Snippet: use classs em vez de estilos inline para alinhamento de texto"

Nota Esta resposta foi originalmente incluída na pergunta do @bitstarr acima e foi incluída como uma resposta separada aqui para cumprir o modelo de Q & A do WPSE.


Talvez alguém tenha esse problema e então vou compartilhar minha solução aqui com vocês.

 function make_mce_awesome( $init ) { /* There are easier things than make 'left/center/right align text' to use classs instead of inline styles */ // decode $formats = preg_replace( '/(\w+)\s{0,1}:/', '"\1":', str_replace(array("\r\n", "\r", "\n", "\t"), "", $init['formats'] )); $formats = json_decode( $formats, true ); // set correct values $formats['alignleft'][0]['classs'] = 'text--left'; $formats['aligncenter'][0]['classs'] = 'text--center'; $formats['alignright'][0]['classs'] = 'text--right'; // remove inline styles unset( $formats['alignleft'][0]['styles'] ); unset( $formats['aligncenter'][0]['styles'] ); unset( $formats['alignright'][0]['styles'] ); // encode and replace $init['formats'] = json_encode( $formats ); return $init; } add_filter( 'tiny_mce_before_init', 'mkae_mce_awesome' ); 

Primeiro, as configurações devem ser codificadas para torná-las fáceis de usar em PHP. Então, nós adicionamos os nomes das classs ( text--XXX ) e remova as partes que causam o estilo inline. No final, a matriz será convertida de volta.

Bônus: você pode tornar o editor ainda mais impressionante ao adicionar esta linha.

  $init['block_formats'] = 'Paragraph=p;Heading 2=h2;Heading 3=h3;Heading 4=h4'; 

Isso impedirá que os usuários usem manchetes

– o pesadelo SEO …

Espero que isso seja útil para alguém. Melhorias são bem-vindas!

Consulte também https://wordpress.stackexchange.com/a/141539