← Toda la documentación

Instalar RichTextEditor en un textarea

¿Vas a enviar este editor en un formulario? Sigue la validación de campos obligatorios y la sincronización del textarea.

1. JS y CSS compilados

La forma más rápida de obtener RichTextEditor es descargar las versiones precompiladas y minificadas de CSS y JavaScript.

Descargar

2. Incluye el JS y el CSS:
<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css" />
<script type="text/javascript" src="/richtexteditor/rte.js"></script>
<script type="text/javascript" src='/richtexteditor/plugins/all_plugins.js'></script>
3. Crea un nuevo elemento TEXTAREA con todo el contenido que quieras dentro del editor.
<textarea id="inp_editor1" >
 &lt;p&gt;Initial Document Content&lt;/p&gt;
</textarea>
4. Sustituye <textarea id="inp_editor1"> por una instancia de RichTextEditor.
<script>
    var editor1 = new RichTextEditor("#inp_editor1");
</script>
5. Personaliza el editor

El archivo rte.js tiene al principio un bloque RTE_DefaultConfig editable en JavaScript simple; solo está ofuscado el código del editor con licencia que hay debajo. Abre rte.js en cualquier editor de texto y ajusta los valores de RTE_DefaultConfig (skin, preset de barra de herramientas, idioma, endpoints de carga, atajos de teclado, etc.) para cambiar los valores predeterminados del editor de forma global sin recompilar. Consulta la referencia de configuración para ver la lista completa de opciones.