mati
/
editor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
79 Commits
1 Branch
1 Tag
433 KiB
TypeScript 48.5%
Svelte 39.9%
CSS 8%
HTML 1.8%
JavaScript 1.8%
 
 
 
 
 
Go to file
Cat /dev/Nulo 3a128a3507 No agregar un ">" a los botones de las marks 2023-01-14 23:13:00 -03:00
src No agregar un ">" a los botones de las marks 2023-01-14 23:13:00 -03:00
.gitignore tabla 2021-04-30 00:24:11 +00:00
.npmrc @mati/editor 2022-12-09 12:43:52 -03:00
.prettierignore no formatear pnpm-lock.yaml 2021-06-16 17:51:42 +00:00
.prettierrc.js tabla 2021-04-30 00:24:11 +00:00
README.md README: borrar TODOs 2021-09-02 16:43:54 +00:00
index.html tabla 2021-04-30 00:24:11 +00:00
package.json 0.0.15 2022-12-09 16:42:41 -03:00
pnpm-lock.yaml pnpm-lock 2022-12-09 15:34:29 -03:00
svelte.config.cjs tabla 2021-04-30 00:24:11 +00:00
tsconfig.json tabla 2021-04-30 00:24:11 +00:00
vite.config.js chore: actualización de dependencias 2022-10-24 13:22:28 -03:00

README.md

@suttyweb/editor

todavía no está listo para producción.

Probar

requerís pnpm.

git clone git@0xacab.org:sutty/editor
cd editor
pnpm install
pnpm run dev
# ir a la dirección que te diga Vite

por favor corré prettier antes de commitear: pnpm run format

Estructura del código

  • el editor en si:
    • src/Editor.svelte es el componente a usar.
    • src/BubbleMenu.svelte es el menú que flota cuando se selecciona algo.
      • src/bubblemenu/coords.ts es el archivo que calcula las coordenadas para el menú. es algo bastante complicado que robé de tiptap v1.
    • src/MenuBar.svelte es el menú que aparece en la parte de arriba del editor.
      • src/menubar/*.svelte son los botones que aparecen en el menú.
    • src/editor.css es el CSS del editor. ojo que otras partes están dentro de los componentes de Svelte.
    • src/ps-utils.ts son funciones útiles para ProseMirror. varias robadas de tiptap v1.
    • src/schema.ts es el schema del ProseMirror.
  • la demo:
    • index.html es el HTML de la demo.
    • src/demo.css es el CSS de la demo.
    • src/main.ts es el JS de la demo.