elrte – Editor de texto WYSIWYG para tus aplicaciones web
elrte es un plugin en el que convertimos en editor texto WYSIWYG los textareas de nuestras aplicaciones.
[2020-12-01] El proyecto parece que ha sido avandonado y no se actualiza desde hace muchos años. Recomendamos no utilizar este plugin y buscar otras opciones.
Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte.
Cómo se utiliza ?
Primero hay que descargar la librería en la web oficial de elrte: ceforge.net/projects/elrte/files/
Después, tener en cuenta que necesita jQuery y jQuery UI.
Vamos a por el código:
Código a poner en el head de la página
/* Hojas de estilo */
<link rel="stylesheet" href="http://www.miweb.com/admin/js/elrte/css/elrte.min.css" type="text/css" media="screen" />
/* Las librerías necesarias */
<script type="text/javascript" src="http://www.miweb.com/admin/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.miweb.com/admin/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="http://www.miweb.com/admin/js/elrte/js/elrte.min.js"></script>
<script type="text/javascript" src="http://www.miweb.com/admin/js/elrte/js/i18n/elrte.es.js"></script>
</script>Fijaos que llamamos la libreia de jQuery, la jQuery UI, la elrte y por último el fichero del lenguaje que necesitamos el editor.
El textarea que convertiremos en editor
<textarea id="contenido" name="contenido"></textarea>El código jQuery para la conversión
$(function() {
//Editor
var opts = {
lang : 'es',
width : 790,
height : 250,
toolbar : 'normal'
}
$('#contenido').elrte(opts);
});En la última línea de código indicamos que debemos convertir en editor el objeto con Id ‘contenido’. En nuestro caso, el textarea.
Si visitáis la página web del proyecto, podéis ver todas la opciones del editor. En el ejemplo las opciones indican el lenguaje, el ancho, el largo y que tipo de barra principal tendrá.
Como ya os hemos comentado, el proyecto ha sido abandonado, por lo que elrte Editor texto WYSIWYG no es muy aconsejable de utilizarlo.
Más información