web-dev-qa-db-fra.com

Modifiez le remplissage en retrait de texte dans "Augmenter le retrait" TinyMCE

Si vous cliquez sur "Augmenter le retrait" dans l'éditeur visuel, le code suivant est ajouté à l'éditeur de texte:

<p style="padding-left:30px;">

Comment le changer en text-indent: 30px; n'affectant pas les fichiers core?

J'ai effectué des recherches dans de nombreux fichiers et je n'ai trouvé aucun élément de code responsable.

Merci.

poststinymceeditorvisual-editor
3
SLH

Vous devez modifier l’objet paramètres TinyMCE à l’instanciation:

Référence: Documentation TinyMCE - Formatage du contenu

WordPress fournit à cet effet un filtre appelé tiny_mce_before_init que vous pouvez utiliser comme suit:

function modify_tinymce_settings($settings) {

    $settings['indentation'] = '10px';

    return $settings;
}

add_filter('tiny_mce_before_init', 'modify_tinymce_settings');

Si cela ne fonctionne pas avec précision, exportez la sortie de $settings dans le crochet ci-dessus pour voir où les valeurs de indentation sont conservées. Elles peuvent être imbriquées dans un tableau multidimensionnel.

1
userabuser

Cela pourrait vous guider dans la bonne direction:

http://codex.wordpress.org/TinyMCE_Custom_Buttons

Plus précisément, la partie de l'ajout de vos propres boutons. Puisqu'il devrait y avoir des crochets, vous pouvez probablement vous en tirer en modifiant simplement les filtres déjà utilisés.

Ajout de styles CSS personnalisés à MCE Editor

Un cas d'utilisation courant pour les plug-ins TinyMCE personnalisés est la nécessité de boutons générant des styles personnalisés utilisés dans le thème d'un site, au-delà des balises HTML par défaut telles que Blockquote et Strong. Ce besoin est expliqué par le bouton "styleselect" intégré (mais caché dans WordPress) de TinyMCE et par la possibilité d'enregistrer des formats personnalisés que les utilisateurs peuvent insérer en l'utilisant.

Voir Styles personnalisés TinyMCE pour plus d'informations sur l'ajout d'un menu déroulant avec des styles personnalisés à TinyMCE.

Voir également add_editor_style (), qui est utilisé pour enregistrer un fichier CSS personnalisé pour TinyMCE, ce qui obligera l’éditeur visuel à afficher le contenu de la publication de la manière telle qu’il sera affiché à l’avant du site.

0
Shawn