[TUTORIAL] Substituir o editor padrão pelo CKEditor

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Substituir o editor padrão pelo CKEditor Empty [TUTORIAL] Substituir o editor padrão pelo CKEditor

Mensagem por Sennior em 22.11.16 19:27

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 Seta Branca Módulos Seta Branca HTML e Javascript Seta Branca Gestão dos códigos Javascript Seta Branca Criar um novo javascript

[TUTORIAL] Substituir o editor padrão pelo CKEditor Javaac10

[TUTORIAL] Substituir o editor padrão pelo CKEditor 110111Seta 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.
[TUTORIAL] Substituir o editor padrão pelo CKEditor 110210Seta Tìtulo - Cria um título para identificar o script a ser modificado mais tarde na lista de scripts do fórum.
[TUTORIAL] Substituir o editor padrão pelo CKEditor 110310Seta 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.
[TUTORIAL] Substituir o editor padrão pelo CKEditor 110410Seta 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.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum