canner slate editor
1.0.0
El rico text / editor de Wysiwyg se centra en la modularidad y la extensibilidad , construyendo sobre el marco de la pizarra con hermosos diseños y API de alto nivel.
? Canner-slate-editor es un editor modulado, ¡todo es un módulo NPM! ¡Podrías componer al 100% a tu uso personal!
Dado que este proyecto se inicia originalmente desde Canner, notamos que no hay un editor único que encaje en todas las variedades de requisitos, por lo que creemos que la única forma de resolver este problema es diseñar un editor modular.
Hay muchos otros editores de texto ricos y wysiwyg en línea, pero como una s, por qué la sección mencionó que la mayoría de estas soluciones son
Por lo tanto, este repositorio intentará mantener todas las ventajas que el marco de la pizarra proporciona y crear una API de más alto nivel para los desarrolladores también podrían reutilizar y personalizar fácilmente su propia versión del editor. ¡También siempre somos bienvenidos a todo tipo de contribuciones! ?
Este proyecto está utilizando ANTD como nuestra biblioteca primaria de interfaz de usuario.
Por qué
Uno de los inconvenientes de usarlo es que aumentará el tamaño de su paquete. Ver aquí para la solución
Deberá agregar css y less reglas de prueba en la configuración de su webpack.
...
rules : [
{
test : / .js$ / ,
use : {
loader : "babel-loader"
} ,
exclude : / node_modules /
} ,
{
test : / .css$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
}
]
} ,
{
test : / .less$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
} ,
{
loader : "less-loader"
}
]
}
]
. . .Actualmente, estos proyectos contienen más de 47 módulos de NPM , cada características se empaquetan en módulos de NPM, como iconos, ayudantes, complementos, UTIS, etc., por lo que esto permite a los desarrolladores elegir módulos para ensamblar en sus propios usos.
Otro editor de texto rico usando Slate Framework, con hermoso diseño
$ npm install --save canner-slate-editorTambién necesitará instalar
$ npm install antd slate slate-react
¡Un editor de Markdown, que le permite editar en vivo con Keys Support!
$ npm install --save slate-md-editorTambién necesitará instalar
$ npm install antd slate slate-react
Más de 20 iconos y ayudantes de pizarra compartidos para editores de pizarra.
Características compatibles:
Aprenda más pizarra
Selectores de pizarra compartidos para editores de pizarra.
Selectores compatibles:
Aprenda más selectores de pizarra
Los íconos extraen del editor de Quill con REACT COMPONENT WRAPPER, ¡Admiten 65+ iconos!
$ npm install --save quill-iconsUn conjunto de complementos de pizarra.
Un conjunto de cambios y funciones de utilidad para editores de pizarra
Un conjunto de componentes de utilidad del editor.
Compartir constantes a través de repos.
Aprenda más constante de pizarra
Estamos utilizando el espacio de trabajo yarn para administrar todos los repos.
Para instalar paquetes
yarn
Ver demostraciones
npm start
Necesita construir archivos JS a través de Babel ingresando
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate es un marco de editor poderoso bien diseñado que lo ayuda a lidiar con piezas difíciles al construir un editor, como modelado de datos, actualización de estados, representación, esquemas de editor, serialización ... (podría obtener más información aquí), mientras está tratando de construir sus propios editores, todavía necesita muchos esfuerzos para construir un editor simple y hermoso que se extiende y correr con el marco.
Este repositorio tiene como objetivo proporcionar soluciones completas de editores y complementos que le permitan usarlo de inmediato, en lugar de cavar a través de documentos de pizarra y usar nuestros componentes de alto nivel, casi podría crear editores sin ningún conocimiento del marco de pizarra para usar.
canner-slate-editor está utilizando una impresionante biblioteca React llamada Design Ant, la biblioteca proporciona muchos componentes React de uso común, como ToolTip, Table, Modal, etc., que se usa ampliamente para representar a nuestros editores. Uno de los inconvenientes de usar la biblioteca es su tamaño de paquete. Si está tratando de abordar el problema del tamaño, recomendamos las siguientes soluciones:
