Barra degli strumenti di formattazione

I make a highly opinionated fork here :

https://github.com/linuxuser-gr/discourse-formatting-toolbar

It look like this and needs the maths plugin

Is there a way to move some buttons to the cog menu ;

1 Mi Piace

The way to code the buttons in the cog menu is a bit different, you can take inspiration in my theme component : https://github.com/iunctis/md-composer-extras/blob/master/desktop/head_tag.html

Here is a button in the toolbar

api.onToolbarCreate(toolbar => {
    toolbar.addButton({
        id: "align_justify_button",
        group: "extras",
        icon: "align-justify",
        perform: e => e.applySurround('[wrap="justify"]\n', '\n[/wrap]', 'align_justify_text')
    });
});

Here is a button in the menu

api.addToolbarPopupMenuOptionsCallback(() => {
  return {
      action: "columns",
      icon: "columns",
      label: "columns_button"
  };
});

api.modifyClass("controller:composer", {
  actions: {
       columns() {
	  this.get("toolbarEvent").applySurround('[wrap="columns"]\n', '\n[/wrap]', "columns_text");
	}
  }
});
3 Mi Piace

Yeah, TinyMCE WYSIWYG Editor is good option to work with. There are few other good providers as well. But I myself is familar to something old style of Wordpress, that’s why I would like to choose it.

Mi chiedevo se questo plugin fosse disponibile come componente del tema? Grazie

C’è un componente tematico: https://github.com/iunctis/md-composer-extras

Ci sono alcune opzioni diverse ma l’idea è più o meno la stessa.

Sì, grazie Steven, ma mi manca un’opzione di colorazione per il testo nel componente del tema. Qualcosa di più intuitivo da usare del BBCode, idealmente con un selettore di colori e testo preselezionato.

Ad essere sincero, non so se una cosa del genere sia fattibile in un componente del tema. C’è un branch nel componente del tema con una semplice opzione di colore bbcode \u003chttps://github.com/iunctis/md-composer-extras/tree/color\u003e

Ho una conoscenza molto basilare del codice, quindi non sono io quello che potrebbe creare un color picker. Ma sarei felice di accettare una pull request se qualcuno volesse aggiornare il plugin!

Oh, mi piacciono molto tutte queste opzioni di formattazione e uso quasi esclusivamente floatr, tra l’altro :wink:
dove vedo questa opzione come citata?
nel tema classico non c’è opzione CSS per aggiungere o disabilitare pulsanti
e dopo l’installazione ho ricevuto questo errore:
/var/discourse# trovato inaspettatamente “! template-lint-disable ~” durante lo slicing della sorgente, ma previsto " template-lint-disable "

Quell’errore non proviene da quel plugin, immagino. Perché l’ho avuto anch’io — non ha causato problemi, però. Suppongo provenga dal core.

Tnx @Jagster Ho aggiunto questo componente tematico

e ho ‘disinstallato’ il plugin e l’errore ora è sparito quindi…

Interessante :thinking: Perché non lo uso. Ci potrebbe essere qualche altro plugin che usa qualcosa di simile?

Dannazione… Devo andare a controllare se me ne sono dimenticato dopo averci provato →

E sono tornato. L’avevo ma è commentato. La seconda ricompilazione potrebbe essere la soluzione?

Queste opzioni sono state eliminate qualche anno fa, si è rotto con una versione più recente di Discourse. Sfortunatamente non ho le conoscenze o il tempo per reimplementarle.

Per quanto riguarda il tuo problema, devi scegliere tra il plugin o il componente del tema, altrimenti si romperà, condividono fondamentalmente lo stesso codice.

Disinstalla il componente del tema se vuoi provare il plugin.

Nota che questo plugin o componente del tema si rompe anche con plugin come il bbcode ufficiale di Discourse.

2 Mi Piace

Forse/magari è ora di cambiare il post principale che ne informa e disabilitare il link di GitHub? Perché fondamentalmente non funziona bene.

È stata un’ottima idea (grazie), e mi auguro che diventi uno standard in Discourse, o che sia supportata come add-on.

Il plugin funziona, la menzione di queste opzioni è stata cancellata nell’OP e ho aggiunto alcuni avvisi un po’ di tempo fa. Al momento non c’è motivo di modificare nulla e disattivare il plugin.

1 Mi Piace

Fantastico plugin per la barra degli strumenti! Mi chiedevo se potessi aggiungere il bbcode bicolore per il colore di sfondo?

Un’altra idea interessante è l’uso dei menu a discesa nella barra degli strumenti. Questo potrebbe essere utile sui dispositivi mobili, ad esempio.

Mi chiedevo anche se ci fosse un elenco principale di bbcode supportati dal tuo plugin.

Grazie

Suppongo di poter aggiungere compatibilità. La base del codice è disponibile in questo plugin ufficiale: discourse-bbcode-color/assets/javascripts/lib/discourse-markdown/bbcode-color.js at main · discourse/discourse-bbcode-color · GitHub

Ci penserò. Probabilmente non aggiungerò un pulsante :thinking:

Ho aggiunto il supporto per questi bbcode:

color=
size=
small
floatl
floatr
floatc
left
center
right
justify

1 Mi Piace

Grazie mille. Sì, non abbiamo davvero bisogno di pulsanti per tutto.
:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles: :discourse:

È stato aggiunto il supporto per il bbcode [bgcolor]

1 Mi Piace

Ciao! Se il testo inserito nei tag bbcode ha due nuove righe in sequenza, o una nuova riga e un ritorno a capo in sequenza:

[center]
testo "\n\n" testo
[/center]

[center]
testo "\r\n" testo
[/center]

allora abbiamo testo normale con i tag [center][/center] stessi nei post.

Ma in questo modo:

[center]
testo "\n" testo
[/center]

o in questo modo:

[center]
testo testo
[/center]

il bbcode è correttamente racchiuso e ho il testo centrato.

Pensavo fosse una restrizione di discourse, ma forse possiamo fare qualcosa al riguardo?

Hai abilitato l’editor avanzato (primo pulsante) e il plugin non è ancora compatibile con esso.

L’ultima volta che ho controllato, avrebbe dovuto funzionare con l’editor markdown.

2 Mi Piace