web-dev-qa-db-fra.com

Comment inclure ses propres CSS sur Wordpress Tinymce Editor?

J'ai ajouté du texte sur l'éditeur tinymce en charge.
(Chaque fois que vous cliquez sur Ajouter, l'éditeur de tinymce charge avec ce texte.)

mais le problème est de savoir comment activer la classe CSS qui utilise le texte par défaut.

Merci

4
Wordpress D

Utilisez add_editor_style

par exemple: functions.php

add_editor_style('custom-editor-style.css');

http://codex.wordpress.org/Function_Reference/add_editor_style

8
Tom J Nowell

add_editor_style est recommandé pour le thème. Vous pouvez mce_css filtrer dans le plugin. Le code exemple suivant provient de ici

function plugin_mce_css( $mce_css ) {
  if ( !empty( $mce_css ) )
    $mce_css .= ',';
    $mce_css .= plugins_url( 'editor.css', __FILE__ );
    return $mce_css;
  }
add_filter( 'mce_css', 'plugin_mce_css' );
5
a_fan

Rien que j'ai trouvé travaillé. M'a pris une demi-journée sur Google, mais est finalement tombé sur ce script qui fonctionne:

function kwh_add_editor_style( $mceInit ) {

  $custom_css = get_theme_mod( 'custom_css' );
  $styles = '.mce-content-body { EDIT YOUR CUSTOM CSS HERE ' . $custom_css . '; }';

  if ( !isset( $mceInit['content_style'] ) ) {
    $mceInit['content_style'] = $styles . ' ';
  } else {
    $mceInit['content_style'] .= ' ' . $styles . ' ';
  }
  return $mceInit;
}
add_filter( 'tiny_mce_before_init', 'kwh_add_editor_style' );

Source d'extrait.

3
AA-T