nib

Nib

Demonstração

Apesar de várias opções disponíveis para a edição de texto rico em HTML, continua a ser uma área extremamente desafiadora. Achei o Prosemirror a melhor solução disponível para o problema. É um ótimo trabalho do autor Marijn Haverbeke.

Fazer com que um editor monte a partir de uma estrutura ainda seja muito trabalho, o projeto visa criar componentes para edição de texto rico usando o prosemirror. Esses componentes podem ser rapidamente integrados aos aplicativos React ou mesmo não reagt.

A NIB não apenas possui bons recursos de edição de texto ricos, mas também atende a requisitos complexos de edição, como rastrear alterações feitas em um documento, adicionando comentários em documentos, edição colaborativa e muito mais ...

Configurar

A configuração do editor é bastante direta. É necessário que seja instalado a partir npm .

Instalando pacotes:

Os comandos npm ou yarn podem ser usados.

 npm i nib-core --save

Componente do editor de redação:

 import React from "react";
import Editor from "nib-core";

const MyEditor = () => <Editor />;

Observe que o LIB não funciona do lado do servidor.

Adereços

Adereços suportados pelo editor.

S.No.	Nome	Descrição
1	Addons	Matriz de plugins para adicionar funcionalidade ao editor de núcleo
2	foco automático	para focar editor por padrão
3	Config	Configurando o plug -in, barra de ferramentas etc. no editor, aqui estão configurações padrão
4	DefaultValue	valor para inicializar o conteúdo do editor
5	Licença	Chave de licença para editor de ponta
6	OnChange	retorno de chamada que é chamado em qualquer alteração no editor
7	Verificação ortográfica	Propriedade booleana para ativar a verificação ortográfica do navegador padrão no editor
8	StyleConfig	Usado para fazer mudanças de estilo mais detalhadas no editor, aqui está o padrão
9	tema	Temas do editor, aqui está o tema padrão

Características

1. Suporte para quase todos os navegadores e dispositivos
2. Múltiplas opções de estilo de texto ricas, como ousado, itálico, sublinhado, greve, subscrito, superescrito, cor de texto, cor de preenchimento, etc.
3. Suporte para diferentes tipos de blocos parágrafo, H1 - H6, BlockQuote etc
4. Suporte para hiperlinks
5. Suporte para listas ordenadas e não ordenadas aninhadas
6. Suporte para imagens com opções como embalagem, alinhamento, re-dimensionamento ou vinculação de imagens
7. Suporte para o modo embutido com barra de ferramentas flutuante
8. Suporte para exibição personalizada - página completa, palavra como exibição, etc
9. Permitir mudanças de desfazer e refazer.
10. Menu de ajuda que exibe opções de formatação suportadas e seus atalhos de teclado
11. Mudando a aparência e a sensação do editor usando temas diferentes
12. Converter prosemirror json de e para markdown
13. Converta Prosemirror JSON de e para HTML
14. Edição de código -fonte
15. Tabela com opções avançadas como adicionar/remover coluna/linha, redimensionar colunas, etc.
16. Suporte para exibir vídeo de fontes como o YouTube ou o Vimeo
17. Flexibilidade para adicionar plug -in personalizado
18. As mudanças de rastreamento fazem do documento junto com qualquer metadado salvo sobre a mudança como nome de usuário, registro de data e hora, etc.
19. Adicionando / editando comentários para documentar
20. Edição colaborativa com vários usuários no mesmo documento

Licença

GNU Licença pública em geral.

Contato

Para detalhes ou consultas, solte o correio para [email protected].