Fork de
https://0xacab.org/sutty/editor
|
||
---|---|---|
src | ||
.gitignore | ||
.npmrc | ||
.prettierignore | ||
.prettierrc.js | ||
README.md | ||
index.html | ||
package.json | ||
pnpm-lock.yaml | ||
svelte.config.cjs | ||
tsconfig.json | ||
vite.config.js |
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.