Componente de cuadro de texto/fragmento de código personalizable en JavaScript-TextBoxJS
| Autor: | EOussama |
|---|---|
| Views Total: | 425 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 29, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un componente de JavaScript usado para envolver su texto y/o fragmentos de código en un cuadro de texto personalizable con soporte ' copiar al portapapeles '. Similar al resaltador de sintaxis.
Funcionamiento
Sólo tiene que importar el TextBoxJS en su archivo y estamos listos para ir.
<script src="scripts/textbox.js"></script>
Utilice el TextBoxJS como un componente. Atributos disponibles:
- _ ID: ID único
- idioma: texto para programación/lenguaje de scripting
- Título: título del cuadro de texto
- width: ancho en píxeles
- max_height: altura máxima en píxeles
<textboxjs _id="testing" language="plain text" title="Greetings" width="700px" max_height="150px"> Text Or Code Snippets Here </textboxjs>
window.addEventListener('load', () => { TextBox.Init(); }); Utilice el TextBoxJS como un plugin.
<div id="myBox"></div>
window.addEventListener('load', () => {
TextBox.Init();
const tb = new TextBox({
_id: "testing",
langauge: "plain text",
title: "Greeting",
text: "Hello, world!",
width: "700px",
max_height: "150px"
});
tb.Create(document.getElementById('myBox'));
});
