Extra per MD Composer

Ho fatto come hai suggerito e ho soppresso quelli non necessari in questo modo:

// Nasconde pulsanti non necessari dal TC Extras MD Composer 
.d-editor-button-bar {
    .superscript_button,.subscript_button, .align_center_button,.align_right_button, .align_justify_button {
        display: none;
    }
}

Tuttavia, sarebbe davvero bello poter scegliere quali pulsanti includere nelle impostazioni del TC per questo. Mi chiedo se ciò possa essere fatto semplicemente facendo in modo che se non c’è testo nell’impostazione per un pulsante, allora non verrebbe creato.

Ho provato a farlo ma era oltre le mie scarse capacità; non sono riuscito a rendere ogni parte condizionale all’impostazione pertinente.

1 Mi Piace

Ciao Steven# Componente molto bello ma ho trovato un piccolo bug. Il soprascritto presenta un piccolo errore. Vedi sotto.

Chiusura con /sub invece di /sup

2 Mi Piace

Solo un pensiero, potresti probabilmente avere un tutto in uno che utilizza interruttori di impostazione nella versione avanzata.

cioè un interruttore se si utilizza il plugin bbcode e entrambi potrebbero avere opzioni per nascondere i pulsanti o aggiungere pulsanti alla barra. Con lo stesso se gli amministratori vogliono escludere opzioni nel menu a discesa :gear:.

Sono ancora abbastanza inesperto nell’apprendimento del css. Tuttavia, un componente complementare potrebbe probabilmente essere realizzato per un tocco in più per organizzare il menu a discesa con un menu a discesa a cascata..

cioè menu a discesa principale ingranaggio con selettore di opzioni colore.

:gear: .
Inserisci sondaggio
Inserisci tabella
COLORE TESTO. > Rosso
Verde
Blu
Arancione

Si potrebbe essere in grado di raggruppare altre opzioni di formattazione nel menu a discesa e/o nella barra degli strumenti per avere un menu per scegliere un’opzione di formattazione.

1 Mi Piace

Grazie, ho applicato una correzione a questo problema.

2 Mi Piace

Prego e grazie mille per la risposta rapida e la correzione! :vulcan_salute::smiling_face_with_sunglasses::handshake:

Consiglierei di aggiornare il tuo Op Post per includere come utilizzare l’installazione del branch opzionale. Ho trovato le tue alternative per i branch “color” e “simple”.

Nel mio branch color ho apportato una piccola modifica a bbcode_color

in “Desktop\Head” - riga 65 e “Mobile\Head” - riga 96

da “[color=##233]” a “[color=name]” Poiché realizzerò una guida per il mio sito WiP su come cambiare il nome in nomecolore.

Il valore esadecimale non è quello che avevi. L’ho messo solo come riferimento a ciò che era.

Sono ancora inesperto su molte cose e dovrò creare un github e imparare come fare le pull request qualche volta.

Grazie mille per questo componente semplice e ricco di funzionalità! Molto apprezzato.

E un piccolo suggerimento, sarebbe possibile utilizzare la convenzione Markdown di ~~questo~~ per il barrato invece della convenzione più verbosa di <s></s>?

1 Mi Piace

Intervengo su questo :slight_smile:

Sarebbe fantastico avere un’opzione nativa per visualizzare gli extra del compositore MD solo a gruppi specifici. Nel nostro caso, vorremmo testare i pulsanti extra solo per il nostro staff in questo momento.

Per ora l’ho nascosto aggiungendo body:not(.staff) al codice di nathan:

// Nasconde i pulsanti non necessari dagli utenti non staff del TC degli extra del compositore MD
body:not(.staff) .d-editor-button-bar {
    .superscript_button,.subscript_button, .align_center_button,.align_right_button, .align_justify_button {
        display: none;
    }
}

Il livello successivo sarebbe un’impostazione di autorizzazione per ogni singolo pulsante. :drooling_face:

2 Mi Piace

@jrgong puoi farlo aggiungendo questo componente e un po’ di CSS

puoi controllare le sezioni del menu di navigazione del tuo gruppo TC per un esempio di CSS - link sulla tua user card.

5 Mi Piace

Come mai non è ancora nel core? :smiley: Grazie per la condivisione, lo apprezzo molto.

3 Mi Piace

È ancora così che il Plugin ha vantaggi rispetto a questo componente del tema?

Penso ancora che il plugin sia migliore, ma se le opzioni presentate qui ti vanno bene, va bene.

2 Mi Piace

Grazie per la rapida risposta. Puoi spiegare perché?

Solo un’opinione personale, penso che abbiamo aggiunto troppi pulsanti nel componente.

Il plugin è più focalizzato sulle funzioni di base, anche il sistema bbcode è più facile ([center] invece di [wrap="center"]) ma il componente è chiaramente più facile da installare.

4 Mi Piace

Nel caso non l’avessi visto:

image

3 Mi Piace

Ho creato una PR :+1:

https://github.com/MonDiscourse/md-composer-extras/pull/12

2 Mi Piace

Sarebbe possibile aggiungere una classe CSS md-composer-extras a tutti i pulsanti? Il mio obiettivo è nasconderli tutti in una volta sola per gli utenti non staff e ciò renderebbe il targeting CSS molto più semplice.

Non sono sicuro che sia possibile, con il codice di esempio dal file api del plugin, non vedo un modo per aggiungere una sorta di classe radice per tutte queste icone. Potrei sbagliarmi però

api.onToolbarCreate(toolbar => {
  toolbar.addButton({
    id: 'pop-text',
    group: 'extras',
    icon: 'bolt',
    action: 'makeItPop',
    title: 'pop_format.title'
  });
});

Viene applicata una classe staff all’elemento <body>.

Quindi, puoi selezionare qualsiasi pulsante come:

body:not(.staff) .d-editor-button-bar {
    /* Nasconde tutto 
     * (pulsanti visibili, incluso il pulsante del menu popup) 
     */
    button, 
    .toolbar-popup-menu-options {
        display: none; 
    }
}
body:not(.staff) .d-editor-button-bar {
    /* Nasconde pulsanti specifici */
    button {    
        /* Pulsanti inline */
        &.align_justify_button, 
        &.align_right_button 
        /* ... */
        {
            display: none;
        }
        
        /* Menu popup */
        &.toolbar-popup-menu-options {
            [data-name="Float left"],
            /* ... */ {
                display: none;
            }
        }
    }
}

Ti aiuterebbe?

A proposito, potresti essere interessato a questo componente:

Ehi Arkshine! Aiuta sicuramente! Eppure, secondo me, sarebbe un approccio più efficiente aggiungere una classe CSS md-composer-extras a ciascuno dei pulsanti. In questo modo il markup CSS per nascondere tutti gli elementi è super semplice :slight_smile:

Grazie! In realtà lo stiamo già usando :wink: