← Toda a documentação

Instalar o RichTextEditor em um elemento div

1. JS e CSS compilados

A forma mais rápida de obter o RichTextEditor é baixar as versões pré-compiladas e minificadas do CSS e do JavaScript.

Download

2. Inclua o JS e o 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. Crie um novo elemento DIV com todo o conteúdo que você quer dentro do editor.
<div id="div_editor1" >
<p>Initial Document Content</p>
</div>
4. Substitua <div id="div_editor1"> por uma instância do RichTextEditor.
<script type="text/javascript">
    var editor1 = new RichTextEditor("#div_editor1");
</script>
5. Personalize o editor

O arquivo rte.js tem um bloco RTE_DefaultConfig editável no topo, em JavaScript puro — só o código licenciado do editor abaixo dele é ofuscado. Abra o rte.js em qualquer editor de texto e ajuste os valores em RTE_DefaultConfig (skin, predefinição da barra de ferramentas, idioma, endpoints de upload, atalhos de teclado etc.) para alterar os padrões do editor globalmente, sem recompilar. Veja a referência de configuração para a lista completa de opções.