Codint proporciona una interfaz de administración de archivos dentro de un directorio específico y puede usarse para cargar, eliminar, obtener una vista previa, cambiar el nombre y editar sus archivos. Se puede utilizar como una aplicación independiente.
url: https://codint.ronaldbit.com/
Please refer to our docs at https://codint.ronaldbit.com/features
Para obtener instrucciones de instalación, consulte nuestros documentos en https://codint.ronaldbit.com/installation.
Nosotros amablemente proporcionamos soporte CDN para CSS y JavaScript. Simplemente use estos enlaces. Copie y pege en el apartado de Head.
<link rel="stylesheet" href="https://codint.ronaldbit.com/codint/css/codint.css">
Nos ubicamos al final de nuestra estructura y colocamos este div >
<div class="codint" id="codint"></div>
Copie estos Scripts despues del anterior codigo (div)
<script src="https://codint.ronaldbit.com/codint/js/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="https://codint.ronaldbit.com/codint/js/codint.js" type="text/javascript"></script>
Puede assignar una configuración inicial:
- idioma (soporte es-en)
- modo (theme dark-light)
- font (puede hacer uso de cualquiera que tenga soporte en sus stylos)
- font Size (Usted asigna el tamaño de la fuente)
- Size (Asigne el tamaño inicial codint)
var settings = {
lang: 'es',
theme: "dark",
font: "system-ui",
fontSize: '13px',
size: '350px'
};
Para inciar con Codint es necesario que configure el inicio:
codint.init('codint', settings);
Configurar Ace editor, inicio del editor es inportante.
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.session.setMode("ace/mode/html");
Para entender mejor la instalación, a continuación un ejemplo.
Comience con esta plantilla HTML básica o modifique estos ejemplos . Esperamos que personalice nuestras plantillas y ejemplos, adaptándolos a sus necesidades.
Copie el HTML a continuación para comenzar a trabajar con un documento Bootstrap mínimo.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Codint Example</title>
<!-- Codint Css -->
<link rel="stylesheet" href="https://codint.ronaldbit.com/codint/css/codint.css">
</head>
<body>
<h1>Hello, world!</h1>
<!-- div:: id and class se nombran codint (es necesario para el funcionamiento) -->
<div class="codint" id="codint"></div>
<!-- Js Files necesarios para el funcionamiento-->
<script src="https://codint.ronald-ramos.com/codint/js/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="https://codint.ronald-ramos.com/codint/js/codint.js" type="text/javascript"></script>
<!-- Configuración e inicio de Codint -->
<script>
//configuración inicial de Codint
var settings = {
lang: 'es',
theme: "dark",
font: "system-ui",
fontSize: '13px',
size: '350px'
};
codint.init('codint', settings);
// Configuración inicial del editor de codio Ace
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.session.setMode("ace/mode/html");
</script>
</body>
</html>
Una vez descargado, descomprima la carpeta comprimida para ver la estructura de Codint (compilado). Verás algo como esto:
codint/
├── css/
│ └── codint.css
├── js/
│ ├── ace.js
| ├── codint.js
│ └── lang.json
└── php/
├── code.php
├── files.php
└── save.php
Esta es la forma más básica de Codint: archivos precompilados para un uso rápido en casi cualquier proyecto web. Proporcionamos CSS y JS compilados ( Json.), así como Php compilado y minimizado ( php/.php.). Los mapas de origen CSS ( codint.*.css) están disponibles para su uso con las herramientas de desarrollo de ciertos navegadores.
If you're interested in contributing to this project, our docs are best places to start https://codint.ronald-ramos.com/contributing.
© 2023 Ronald Ramos.