canvas editor

éditeur en toile

Un éditeur de texte riche de Canvas / SVG

Afficher la démo · Afficher les documents · Bogue de rapport · Fonction de demande · FAQ

Vous aimez le projet? Veuillez envisager de faire un don pour l'aider à s'améliorer!

Conseils

1. Plugin officiel: éditeur en toile-Plugin
2. La couche de rendu par SVG est en cours de développement, voir la fonctionnalité / SVG
3. La fonction PDF à l'exportation est disponible maintenant, voir la fonctionnalité / PDF

Utilisation de base

npm i @hufe921/canvas-editor --save

 < div class =" canvas-editor " > </ div > 

 import Editor from '@hufe921/canvas-editor'

new Editor ( document . querySelector ( '.canvas-editor' ) , {
  main : [
    {
      value : 'Hello World'
    }
  ]
} ) 

Caractéristiques

• Rich Text Operations (UNO, REDO, FONT, TAILLE, BOLD, Italique, soulignement, retrait, exposant, alignement, titre, liste, ...)
• Insérer des éléments (table, image, lien, bloc de code, pause de page, formule mathématique, sélecteur de date, bloc, ...)
• Imprimer (basé sur la toile à l'image, dessin PDF)
• Contrôles (sélectionnez, texte, date, radio, case à cocher)
• ContextMenu (interne, coutume)
• Touches de raccourci (interne, coutume)
• Glisser et déposer (texte, élément, contrôle)
• En-tête, pied de page, numéro de page
• Marge de page
• Filigrane
• Pagination
• Commentaire
• Catalogue

Feuille de route

1. Paginage de table
2. Règles de contrôle
3. Améliorer les performances
4. CRDT

Instantané

Installer

yarn

Dev

npm run dev

Construire

appliquer

npm run build

lib

npm run lib