Box de texto enriquecido para insertar en tus proyectos de forma rápida y sencilla, solo incluyendo cuatro archivos puedes usar esta herramienta para almacenar noticias, productos, reseñas, testimonios, o cualquier cosa que se te ocurra, ya que es simple en la instalación pero de gran ayuda cuando estas desarrollando aplicaciones robustas
Solo debes incluir en la cabecera de tu html el archivo de estilos y el de fontawesome. Y antes de cerrar tu html incluir el archivo app.js
Con solo incluir 3 archivos, ya tienes el sistema listo para ser integrado a cualquier sistema.
Colocar dentro de tu head
link href="assest/fontawesome/css/fontawesome.css" rel="stylesheet"
link href="assest/fontawesome/css/brands.css" rel="stylesheet"
link href="assest/fontawesome/css/solid.css" rel="stylesheet"
link rel="stylesheet" href="assest/styles/styles.css"
En tu body o dentro de tu formulario: div id="editor"
y antes de la etiqueta de cierre:
<script src="assest/js/app.js"></script>Puedes crear una función para tratar los datos que recopilas del editor de texto, aquí un ejemplo:
button id="enviar" class="btnenviar" onclick="grabar()">Grabar</button
<script> function grabar(){ const contenidodiv = document.getElementById("contenido"); const contenido = contenidodiv.innerHTML; console.log(contenido); } </script>- (B) = Negrita (Predeterminado: (Booleano :Desactivado)) Le da estilo negrita al texto
- (I) = Cursiva (Predeterminado: (Booleano :Desactivado)) Le da estilo cursiva al texto
- (U) = Subrayado (Predeterminado: (Booleano :Desactivado)) Le da estilo subrayado al texto
- (X1) = Superindice (Predeterminado: (Booleano :Desactivado)) Le da estilo superindice al texto
- (X1) = Subindice (Predeterminado: (Booleano :Desactivado)) Le da estilo subindice al texto
- Alineación a la izquierda
- Alineación al centro
- Alineación a la derecha
- Justificado
- Numeradas
- Con estilo
- Deshacer
- Rehacer
- Insertar vinculo
- Eliminar vinculo
- Insertar Imagen
- Agregar Sangria
- Eliminar Sangria
- H1 al H6 genera los formatos correspondientes
- Opciones: Arial, Verdana, Times New Roman, Tahoma
- Cambia el tamaño de la fuente
- Color del texto
- Color del fondo del texto