Editor de texto enriquecido mínimo en Pure JS-Tiny-editor

Vista prévia

Descripción

Un pequeño pero configurable Editor de texto enriquecido WYSIWYG implementado con JavaScript puro y fuente icónica impresionante fuente.

Funcionamiento

Instale el editor Tiny.

# NPM
$ npm install tiny-editor --save

Importe el código JavaScript incluido en el documento HTML.

<script src="/dist/bundle.js"></script>

Incluya la última fuente impresionante para los iconos de la barra de herramientas.

<link rel="stylesheet"



 href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"



 integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"



crossorigin="anonymous">

Para crear un editor predeterminado, simplemente agregue el atributo Data-Tiny-editor a un contenedor DIV como sigue:

<div data-tiny-editor>

<p>


Default Text Here

</p>
</div>

Config el editor con los siguientes datos atributos:

<div data-tiny-editor



data-bold="no"


 data-formatblock="no"



data-italic="no"


 data-underline="no"


 data-fontname="no"



data-forecolor="no"



data-justifyleft="no"


 data-justifycenter="no"



data-justifyright="no"



data-insertorderedlist="no"



data-insertunorderedlist="no"


 data-outdent="no"



data-indent="no"



data-remove-format="no">

<p>


Default Text Here

</p>
</div>

Registro de cambios

v0.2.5 (02/24/2019)

• Agregue el tipo de botón al componente de botón