J’ai fait comme vous l’avez suggéré et j’ai supprimé ceux dont je n’avais pas besoin comme ceci :
// Masque les boutons inutiles du TC d'extras du compositeur MD
.d-editor-button-bar {
.superscript_button,.subscript_button, .align_center_button,.align_right_button, .align_justify_button {
display: none;
}
}
Cependant, il serait vraiment agréable de pouvoir choisir les boutons à inclure dans les paramètres du TC pour cela. Je me demande si cela pourrait être fait simplement en faisant en sorte que s’il n’y a pas de texte dans le paramètre d’un bouton, il ne serait pas créé.
J’ai essayé de le faire mais c’était au-delà de mes maigres compétences ; je n’ai tout simplement pas réussi à rendre chaque partie conditionnelle au paramètre pertinent.
Juste une idée, vous pourriez probablement avoir un tout-en-un qui utilise des commutateurs de paramètres dans la version avancée.
c’est-à-dire un commutateur si vous utilisez le plugin bbcode et que les deux pourraient avoir des options pour masquer les boutons ou ajouter des boutons à la barre. Avec la même chose si les administrateurs veulent exclure des options dans le menu déroulant .
Je suis encore assez novice en CSS. Cependant, un composant complémentaire pourrait probablement être créé pour plus d’éclat afin d’organiser le menu déroulant avec un menu déroulant en cascade…
c’est-à-dire menu déroulant principal engrenage avec sélecteur de couleur.
.
Insérer un sondage
Insérer un tableau
COULEUR DU TEXTE. >
Rouge
Vert
Bleu
Orange
On pourrait peut-être regrouper d’autres options de formatage dans le menu déroulant et/ou la barre d’outils pour avoir un menu permettant de choisir une option de formatage.
Je recommanderais de mettre à jour votre article principal pour inclure comment utiliser l’installation de branche optionnelle. J’ai trouvé vos alternatives de branche « color » et « simple ».
Dans ma branche « color », j’ai apporté une petite modification au bbcode_color
dans « Desktop\Head » - ligne 65 et « €Mobile\Head* » - ligne 96
de « [color=##233] » à « [color=name] » Je vais créer un guide pour mon site WiP sur la façon de changer le nom en nom de couleur.
La valeur hexadécimale n’est pas celle que vous aviez. Je l’ai juste mise comme référence à ce que c’était.
Je suis encore novice en la matière et je devrai créer un github et apprendre à faire des pull requests un jour.
Merci beaucoup pour ce composant simple et riche en fonctionnalités ! Très apprécié.
Et une petite suggestion, serait-il possible d’utiliser la convention Markdown de ~~ceci~~ pour le barré au lieu de la convention plus verbeuse de <s></s> ?
Ce serait formidable d’avoir une option native pour afficher les extras du compositeur MD uniquement à des groupes spécifiques. Dans notre cas, nous aimerions tester les boutons supplémentaires uniquement pour notre personnel pour le moment.
Pour l’instant, je l’ai caché en ajoutant body:not(.staff) au code de nathan :
// Masque les boutons inutiles de la TC des extras du compositeur MD pour les utilisateurs non-staff
body:not(.staff) .d-editor-button-bar {
.superscript_button,.subscript_button, .align_center_button,.align_right_button, .align_justify_button {
display: none;
}
}
La prochaine étape serait un réglage de permission pour chaque bouton individuel.
Juste un avis personnel, je pense que nous avons ajouté trop de boutons dans le composant.
Le plugin est plus axé sur les fonctions de base, le système bbcode est également plus facile ([center] au lieu de [wrap="center"]) mais le composant est clairement plus facile à installer.
Serait-il possible d’ajouter une classe CSS md-composer-extras à tous les boutons ? Mon objectif est de tous les masquer en une seule fois pour les utilisateurs non-staff, et cela simplifierait grandement le ciblage CSS.
Je ne suis pas sûr que ce soit possible, avec le code d’exemple du fichier de l’API du plugin, je ne vois pas de moyen d’ajouter une sorte de classe racine pour toutes ces icônes. Je me trompe peut-être cependant
Une classe staff est appliquée à l’élément <body>.
Vous pouvez donc cibler n’importe quels boutons comme ceci :
body:not(.staff) .d-editor-button-bar {
/* Masque tout
* (boutons visibles, y compris le bouton du menu déroulant)
*/
button,
.toolbar-popup-menu-options {
display: none;
}
}
Salut Arkshine ! Ça aide vraiment ! Pourtant, IMHO, ce serait une approche plus efficace d’ajouter une classe CSS md-composer-extras à chacun des boutons. De cette façon, le balisage CSS pour masquer tous les éléments est super simple
.
Merci pour le partage, j’apprécie vraiment.
