Instalar o RichTextEditor em um textarea

Vai enviar este editor em um formulário? Siga validação de campo obrigatório e sincronização do textarea.

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.

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 TEXTAREA com todo o conteúdo que você quer dentro do editor.

<textarea id="inp_editor1" >
 &lt;p&gt;Initial Document Content&lt;/p&gt;
</textarea>

4. Substitua <textarea id="inp_editor1"> por uma instância do RichTextEditor.

<script>
    var editor1 = new RichTextEditor("#inp_editor1");
</script>

5. Personalize o editor

O arquivo rte.js tem um bloco RTE_DefaultConfig editável no topo, em JavaScript simples — só o código licenciado do editor, abaixo dele, é ofuscado. Abra o rte.js em qualquer editor de texto e ajuste os valores de 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 refazer o build. Consulte a referência de configuração para ver a lista completa de opções.