Essayer de créer un POC de https://prosemirror.net/examples/markdown/ en Svelte(kit)

[stephane-klein]

Essayer de créer un POC de https://prosemirror.net/examples/markdown/ en Svelte(kit).

Le but dans ce POC, ne pas utiliser https://tiptap.dev/, j'essaie se rester en "raw prosemirror", sans utiliser de "surcouche".

[stephane-klein]

Nom du repository : poc-svelte-prosemirror-markdown.

[stephane-klein]

Publié ici https://github.com/stephane-klein/poc-svelte-prosemirror-markdown

Prochaine étape :

• Fixer le problème de sauts de lignes au niveau des items de l'export markdown

[stephane-klein]

Fixer le problème de sauts de lignes au niveau des items de l'export markdown

Semble être ce bug : https://github.com/ProseMirror/prosemirror-markdown/issues/51.

[stephane-klein]

J'essaie d'inclure directement le code source de prosemirror-markdown dans le projet, afin de pouvoir changer la configuration de ceci.

Précision : je semble rencontrer des difficultés quand j'essaie d'implémenter prosemirror-markdown en Javascript. Pour fixer ce projet, je garde l'implémentation en TypeScript.

[stephane-klein]

Pour le moment, j'ai l'erreur suivante dans la branche import-prosemirorr-markdown-fork-in-project :

SyntaxError: ambiguous import: ParseSpec

[stephane-klein]

Pour le moment, j'ai l'erreur suivante dans la branche import-prosemirorr-markdown-fork-in-project :

SyntaxError: ambiguous import: ParseSpec

Corrigé par stephane-klein/poc-svelte-prosemirror-markdown@104b084

[stephane-klein]

Je suis assez content du résultat 🙂.

Prochaine étape :

• Implémenter 3 "views" :
  • Éditeur riche
  • Éditeur markdown
  • Preview

[stephane-klein]

Je viens de poster cette issue "What is the recommended method to update the src/schema.ts configuration in a project?" (https://github.com/ProseMirror/prosemirror-markdown/issues/108).

[stephane-klein]

J'ai implémenté 2 views sur les 3, prochaine étape, ajouter un <textarea pour le markdown.

Ensuite, refactorer le textarea vers un codemirror.

[stephane-klein]

J'ai implémenté 2 views sur les 3, prochaine étape, ajouter un <textarea pour le markdown.

C'est fait et cela fonctionne.

[stephane-klein]

Voila le résultat https://youtu.be/IwrV7U5kDhU

Je suis plutôt satisfait : https://github.com/stephane-klein/poc-svelte-prosemirror-markdown

[stephane-klein]

Je viens de poster cette issue "What is the recommended method to update the src/schema.ts configuration in a project?" (https://github.com/ProseMirror/prosemirror-markdown/issues/108).

Pour le moment, je n'ai pas réussi à implémenter la méthode indiquée dans ProseMirror/prosemirror-markdown#108

J'essaierai cela plus tard.

[stephane-klein]

J'ai passé 6h25 sur ce POC.