Editor simile a Notion

Ciao a tutti,

Mentre continuiamo a familiarizzare con Discourse e a lavorarci, mi sono reso conto che l’Editor è facilmente il mio preferito tra tutti i software per forum con cui ho lavorato negli anni. Tuttavia, penso che
Quello che sto raccomandando è un editor basato su blocchi in cui puoi usare “/” e compaiono scorciatoie rapide. Un esempio è Notion e un altro è l’editor Tiptap

Ecco uno screenshot di Marktext, uno dei miei editor markdown open-source preferiti per desktop:

Molti editor Markdown si stanno muovendo nella direzione delle scorciatoie a blocchi, e penso che Discourse potrebbe beneficiare di un tale concetto sia in termini di forma che di funzione.

13 Mi Piace

Immagino che sarebbe un lavoro importante per far funzionare perfettamente questo.

Vagamente correlato, un plugin di editor WYSIWYG ora non funzionante è stato creato e discusso un po’ di tempo fa:

3 Mi Piace

Sì, stavo giusto guardando questo prima di pubblicare, volevo solo fare una richiesta appropriata.

Ho notato che @sam ha detto che ci sono essenzialmente Piani™ in lavorazione da ottobre 2022.

3 Mi Piace

Mi sono appena imbattuto in questa libreria open-source che esegue comandi simili a Notion. Non sono sicuro di quanto sarebbe facile integrarla in Discourse, ma volevo pubblicarla nel caso in cui qualcun altro avesse un’idea:

6 Mi Piace

Sembra che sia basato su https://tiptap.dev/ che è chiuso?

1 Mi Piace

Per quanto ne so, Tiptap è open source:

3 Mi Piace

Capisco, le estensioni pro sono a pagamento.

La cosa complicata qui è il 2 vie. Collegamento markdown ↔ html. Rinunciare al markdown è qualcosa che vorrei evitare con qualsiasi esperimento in questo campo.

5 Mi Piace

TipTap è un wrapper attorno a ProseMirror: https://prosemirror.net/.

2 Mi Piace

Concordo.

L’ho collegato principalmente come esempio, penso che la sperimentazione in questo campo potrebbe valere la pena, ma non sono ancora del tutto sicuro su come potrebbe funzionare a un livello più tecnico, in particolare quando uno degli obiettivi è non rinunciare al bridging markdown <> html.

Credo di sentirmi ancora positivo riguardo a questo, come nel luglio 2023 quando ho creato l’argomento, poiché quasi tutto ciò che uso come app in cui è coinvolta la scrittura ha ora funzionalità simili.

Ci penserò ancora nelle prossime settimane e ti farò sapere se mi verrà in mente qualcosa.

Come minimo, dovrebbe includere una sorta di metodo da tastiera, come digitare “/” o un altro simbolo designato che apra una tavolozza di selezione senza interruzioni per l’inserimento di formattazione e cose che Discourse ritiene degne, come Notion, Tiptap, ecc.

1 Mi Piace

Sembra che prosemirror utilizzi Discourse (https://discuss.prosemirror.net/) quindi forse hanno qualche idea al riguardo. Ho anche visto che hanno un’integrazione per markdown ma non ho idea se qualcosa di tutto ciò sia in linea con ciò di cui ha parlato Sam, volevo solo includerlo nel caso in cui le persone volessero approfondire.

3 Mi Piace

Il suo creatore ha anche un account su Meta. Non lo menzionerò qui, ma è l’autore di un ottimo libro Javascript: https://eloquentjavascript.net/.

Per quanto ne so, sarebbe un compito davvero complesso passare dall’editor Discourse attuale a qualcosa basato su prosemirror.

2 Mi Piace

Il mio suggerimento per questo argomento non era di usare tiptap esattamente, è stato usato come esempio. Quello che sto raccomandando è l’esperienza di modifica dei blocchi.

2 Mi Piace

Questo editor sembra supportare la conversione da markdown a html out-of-the-box:

2 Mi Piace

@thoka L’ho testato dal link che hai fornito. Funziona davvero alla grande. Sarebbe fantastico vedere questo editor in discourse. Spero che ci sarà un cambiamento del genere in futuro.

Hm. Sembra funzionare a prima vista.
Un editor adatto deve almeno supportare la conversione lossless roundtrip di qualsiasi markdown di discourse → stato html/editor → markdown.

La demo collegata fallisce, ad esempio, sulle tabelle allineate.

3 Mi Piace

Non l’ho provato sui tavoli. Se lo sviluppo continua, anche questo problema può essere risolto.

Potrebbe valere la pena dare un’occhiata all’editor Lexical di Meta: Introduction | Lexical. Può supportare il bridging bidirezionale da markdown a html: @lexical/markdown | Lexical.

Non ho trovato molto per iniziare nella documentazione, ma lavorare a ritroso dal codice del Lexical Playground è utile, almeno nel contesto di un’app React.

8 Mi Piace

Assolutamente, @renato ha sperimentato un po’ con questo, è un progetto immane ma qualcosa che siamo molto interessati a esplorare.

8 Mi Piace

Attualmente Discourse utilizza un mix di markdown, bbcode e HTML come formato dati sottostante. Esistono piani verso un formato più unificato?

Per quanto riguarda gli esperimenti: è di buon senso che qualsiasi editor visuale debba almeno essere idempotente (nessuna modifica nell’origine quando si carica, non si modifica, si salva) e localmente contenuto (modifica solo nell’origine dove sono state apportate le modifiche)?

3 Mi Piace

Ecco Invision che annuncia TipTap come nuovo editor:

https://invisioncommunity.com/news/invision-community/invision-community-5-the-all-new-editor-r1301/

3 Mi Piace