Investigar CraftJS #1

Open
opened 2023-08-10 02:35:44 +00:00 by jfita · 1 comment
Owner

El Gutenberg és complex, complicat i realment només funciona amb WordPress.

Els de l’isolated block editor diuen que es pot fer servir fora, posant-ho tot dins un formuari, però quan realment ho intentes resulta que al prèmer segons quins botons de les opcions del bloc envia el formulari. Intentar canviar la mida en píxels dels paràgrafs resulta que fa fallar el seu propi codi. Generar la traducció dels blocks és més complex del necessari. És gairebé impossible de canviar-ne l’aspecte.

I, sincerament, vull apartar-me dels projectes d’Automattic; n’estic fart.

Cercant alternatives al Gutenberg, he trobat el craft.js que és una biblioteca per solucionar a la part més complexa de gestionar els components d’un editor de blocs: com crear-los, arrossegar-los i renderitzar-los. La resta —els blocs que vulguis tenir i tota la part de la interfície— t’ho has de fer tu.

Està fent amb React, igual que el Gutenberg, pel que no afegeix més dependències de les que ja hi havia i per fer components no has d’arrossegar els 500 MiB i pico de codi JavaScript que necessites amb WordPress.

El Gutenberg és complex, complicat i realment només funciona amb WordPress. Els de l’[_isolated block editor_](https://github.com/Automattic/isolated-block-editor) diuen que es pot fer servir fora, posant-ho tot dins un formuari, però quan realment ho intentes resulta que al prèmer segons quins botons de les opcions del bloc envia el formulari. Intentar canviar la mida en píxels dels paràgrafs resulta que fa fallar el seu propi codi. [Generar la traducció dels blocks és més complex del necessari](commit/8f74a96f38371d03be0754178b050ced8cfc30b2). És gairebé impossible de canviar-ne l’aspecte. I, sincerament, vull apartar-me dels projectes d’Automattic; n’estic fart. Cercant alternatives al Gutenberg, he trobat el [craft.js](https://craft.js.org/) que és una biblioteca per solucionar a la part més complexa de gestionar els components d’un editor de blocs: com crear-los, arrossegar-los i renderitzar-los. La resta —els blocs que vulguis tenir i tota la part de la interfície— t’ho has de fer tu. Està fent amb React, igual que el Gutenberg, pel que no afegeix més dependències de les que ja hi havia i per fer components no has d’arrossegar els 500 MiB i pico de codi JavaScript que necessites amb WordPress.
Owner

@jfita el que et sigui més fàcil...

si hem de crear camps amb un WYSIWYG bàsic i després muntar l'estructura en les plantilles de la pàgina del front amb codi i avall...

simplement hem de trobar un framework CSS tipus https://tailwindcss.com/ que ens ajudi a crear tot el tema de responsive, grid, etc

@jfita el que et sigui més fàcil... si hem de crear camps amb un WYSIWYG bàsic i després muntar l'estructura en les plantilles de la pàgina del front amb codi i avall... simplement hem de trobar un framework CSS tipus https://tailwindcss.com/ que ens ajudi a crear tot el tema de responsive, grid, etc
Sign in to join this conversation.
No Label
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: tandem/tipus#1
No description provided.