[TUTORIAL] Substituir o editor padrão pelo CKEditor

[Sennior]

Substituir o editor padrão pelo CKEditor

Às vezes gostaríamos de um novo editor, com mais funções e mais elegante. Nesse tutorial usaremos o editor usado pela plataforma IPB, o #CKEditor. Substituir o editor padrão pelo CKEditor TUTORIAIS, DICAS E ASTÚCIAS Instalação do código JavaScript As páginas JavaScript ativas em seu fórum possibilita inserir scripts e jQuery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns. Painel de Controle Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo javascript Habilitar o gerenciamento dos códigos Javascript - Permite ativar os scripts personalizados criados pelo administrador no fórum. Este recurso não tem qualquer impacto nos scripts nativos do fórum. Tìtulo - Cria um título para identificar o script a ser modificado mais tarde na lista de scripts do fórum. Investimento - Define o local em específico que este script será executado. Você pode investir o script para vários locais no fórum (Todas as páginas) ou pode definir para certos locais disponíveis na tela de investimento. Neste caso, estaremos investindo nos tópicos. Código JavaScript - Espaço destinado a receber o script que será ativado pelo administrador. Antes de aplicar o script ao fórum, é importante revisá-lo para ter certeza de seu funcionamento. Código compatível com a versão AwesomeBB Código: /*  *  Aplicação: CKEditor para awesomeBB  *  Data: 30/04/2018  *  Version: 1.030042018  *  Copyright (c) CKSource e adaptado para Forumeiros por Daemon <ajuda.forumeiros.com>  *  Trabalho gratuito. Podes distribuir e/ou modificar  */ $(function() {     if (_board.tpl_version !== 'awesomebb') return;       $.ajax({         type: 'GET',         url: 'https://cdn.ckeditor.com/4.13.0/standard-all/ckeditor.js',         dataType: 'script',         success: function() {             CKEDITOR.replace('quick-reply-textarea', {                 extraPlugins: 'bbcode'             });         },         error: function(jqXHR, textStatus, errorThrown) {             if(jqXHR.status == 500) {                 console.log('Internal error: ' + jqXHR.responseText);             } else {                 console.log('Unexpected error.');             }         }     });     $(function() {         $('#quick-reply-textarea').sceditor('instance').destroy();     }); }); Código compatível com todas as versões Código: /*  *  Aplicação: CKEditor  *  Data: 30/04/2018  *  Version: 1.030042018  *  Copyright (c) CKSource e adaptado para Forumeiros por Daemon <ajuda.forumeiros.com>  *  Trabalho gratuito. Podes distribuir e/ou modificar  */ $(function() {     if (!$.sceditor) return;     $.ajax({         type: 'GET',         url: 'https://cdn.ckeditor.com/4.13.0/standard-all/ckeditor.js',         dataType: 'script',         success: function() {             CKEDITOR.replace('text_editor_textarea');         },         error: function (jqXHR, textStatus, errorThrown) {             if(jqXHR.status == 500) {                 console.log('Internal error: ' + jqXHR.responseText);             } else {                 console.log('Unexpected error.');             }         }     });     $(function() {         $('#text_editor_textarea').sceditor('instance').destroy();     }); }); Observações Os códigos deste tutorial, simplesmente destrói o editor padrão dos fóruns Forumeiros #SCEditor e substitui para um novo editor o #CKEditor, sendo pois que algumas tags existentes do editor substituto não funcionarão. O autor do código dispõe de alguns plugins customizados, atenção que só é permitido o suporte na categoria: Atendimento ao usuário Forumeiros.

Se você tiver a respeito deste tutorial, queira criar um novo tópico com o título: Substituir o editor padrão pelo CKEditor ️ Fórum dos Fóruns e @Daemon