canvas editor

Canvas-editor

Um editor de texto rico da Canvas/SVG

Veja a demonstração · Ver documentos · Relatório Bug · Recurso de solicitação · FAQ

Ame o projeto? Por favor, considere doar para ajudá -lo a melhorar!

Pontas

1. Plug-in oficial: Canvas-editor-plugin
2. A camada de renderização da SVG está em desenvolvimento, consulte o recurso/SVG
3. O recurso de exportação em PDF já está disponível agora, consulte o recurso/PDF

Uso básico

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'
    }
  ]
} ) 

Características

• Operações de texto ricas (desfazer, refazer, fonte, tamanho, negrito, itálico, sublinhado, strikeout, sobrescrito, alinhamento, título, lista, ...)
• Insira elementos (tabela, imagem, link, bloco de código, quebra de página, fórmula de matemática, seletor de data, bloco, ...)
• Imprima (com base na tela para imaginar, desenho em PDF)
• Controles (selecione, texto, data, rádio, caixa de seleção)
• ContextMenu (interno, personalizado)
• Chaves de atalho (interno, personalizado)
• Arraste e solte (texto, elemento, controle)
• Cabeçalho, rodapé, número da página
• Margem de página
• Marca d'água
• Paginação
• Comentário
• Catálogo

Roteiro

1. Pagagem de mesa
2. Regras de controle
3. Melhorar o desempenho
4. CRDT

Instantâneo

Instalar

yarn

Dev

npm run dev

Construir

App

npm run build

lib

npm run lib