Fork de
https://0xacab.org/sutty/editor
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
2 weeks ago | |
---|---|---|
src | 2 weeks ago | |
.gitignore | 2 years ago | |
.npmrc | 2 months ago | |
.prettierignore | 2 years ago | |
.prettierrc.js | 2 years ago | |
README.md | 1 year ago | |
index.html | 2 years ago | |
package.json | 2 months ago | |
pnpm-lock.yaml | 2 months ago | |
svelte.config.cjs | 2 years ago | |
tsconfig.json | 2 years ago | |
vite.config.js | 3 months ago |
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.