Tutoriel JavaScript : Éditeur de page visuel

Soutenez Grafikart:

Retrouvez Grafikart sur:

[alphacker]

Excellent Travail Grafikart, pourrais tu nous faire une vidéo de survol, dans laquelle tu expliques le fonctionnement interne de l'éditeur, la manière dont les components sont crées en interne , bref la magie de l'éditeur . Bien cordialement .

[juniorkassi]

Merci beaucoup vous êtes un monument du développement

[chikowalterwhite]

Grafik t'es le boss de fin des dev ! Quel boulot de dingue ! bravo à toi

[nicolaso]

Whaou ! Chapeau bas, je trouve l'idée juste géniale 👏. Finalement c'est un éditeur d'éditeur de page en quelque sorte, un peu a la manière des éditeurs qu'on trouve dans Wordpress mais entièrement customisable.

[IbrahimAdiatu]

Tu es le best of Grafikart... Félicitations pour cet énorme travail abattu) 🥳🎉🎊🔥

[MMKante]

Salut, très beau travail. Je vais surement l'utiliser dans mes projets front. Merci beaucoup du partage 👍

[ptvecwl]

Chapeau bas!
Je ne m'en servirai pas je pense, mais c'est un superbe outils.
Bravo
En double bravo pour la présentation.

[saucisse_dev]

Magnifique ! Quel taff de dingue ! <3

[exalandconcept]

Excellent travail ! Ca tombe à pic en plus il m'en fallait un :)

[remicourvoisier]

C'est top! Bravo 👏 Vraiment super cool!

[VinceGnd]

Salut, super cool, j'avais besoin d'un truc comme ça pour l'un de mes projets. Merci beaucoup

[svek_heldward]

Très intéressant, bravo pour la réalisation 🍾🎉

[____-yxvx]

Merci pour cette belle réalisation Grafikart, comment est ce que l’on peut gérer les traductions ou du contenu multilingue avec cet éditeur merci

[kurisu-game]

Alors première chose, je salue le travail absolument gigantesque que tu as fait, car c'est du bon boulot. Ensuite, ben j'aurais bien vu la chose autrement :
- Un éditeur visuel pour les composants, permettant de les créer à la volée avec les champs HTML à ajouter directement. Le composant pourrait être stocké ensuite dans la base de données (par exemple). Cela éviterait de créer le composant en JS + la page HTML correspondante, tout serait fait à la volée. La question que je me pose cependant, c'est à quel moment intervient le JS. Je prends par exemple Twig de Symfony, si le JS intervient au tout début, avant que Twig ait fait un parsing du template, on pourrait techniquement, inscrire directement dans le composant, les variables Twig, si maintenant ça intervient qu'après, effectivement on en revient à l'obligation d'en passer par le template.

Cela dit, l'idée de la génération du composant à la volée, reste intéressante dans tout les cas : on évite de devoir modifier le code JS pour ajouter un nouveau composant, on le crée depuis l'éditeur et on le stocke. L'éditeur sera donc capable de l'exploiter au niveau JS, on a donc juste à suivre en créant le template correspondant.

Mais ce que tu as fait, est déjà très bien je trouve, même si voilà, j'aurais bien aimé ce petit plus, qui permet de créer nos pages à la volée. Ce que j'ai derrière cette idée, c'est pour les administrateurs. Imaginons, on fait un site pour un client, ce dernier pourrait alors, créer à la volée des pages supplémentaires, qui n'ont pas forcément besoin d'un code serveur associé et qui pourrait donc être géré directement avec un enregistrement dans la BDD. Ca simplifie beaucoup les choses et ça évite au client, de devoir attendre que les devs fassent le boulot (et le client économise aussi son argent ^^).

[Reyzr]

C’est pas Grafikart qui a du Level, c’est le Level qui a du Grafikart.

[abdelibrahim]

est tu en https ? Quand j'essaie de copier le code il me dit TypeError: Cannot read properties of undefined (reading 'writeText'). J'ai lu que la fonctionnalité presse papier n'était dispo qu'en https

[van-dammeromain]

Merci beaucoup pour cette vidéo très inspirante ! J'aimerais comprendre le fait d'utiliser une ligne de commande cURL pour le preview ? Quel avantage plutôt que d'utilisé un attribut endpoint et avoir dans le javascript une requête fetch ? J'avoue que l'approche m'intrigue beaucoup et m'intéresse car je ne suis pas familier avec les requêtes cURL ! Superbe approche, j'ai adoré.

[georginobouko]

Merci beaucoup Grafikart, Mais est-ce que on peut modifier l'affichage par défaut de visual-editor pour un projet personnel ? Merci

[lmz-dev]

C'est quoi le petit éditeur html qui permet de mettre du gras, italique ... ?

[marouaniAymen]

L'outil me paraît efficace, mais j'ai l'impression que la syntaxe 'objet' dans l'appel 'registerComponent' est un peu compliquée et difficile à maintenir, pourquoi ne pas opter pour une approche comme le JSX de React pour décrire/déclarer les blocks ?