1 Resultado encontrado para CKEditor

[TUTORIAL] Substituir o editor padrão pelo CKEditor

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

HTML e Javascript Seta Branca

Gestão dos códigos Javascript Seta Branca

Criar um novo javascript

Tópicos com a tag ckeditor em Fórum dos Fóruns Javaac10

Tópicos com a tag ckeditor em Fórum dos Fóruns 110111

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ópicos com a tag ckeditor em Fórum dos Fóruns 110210

Tìtulo - Cria um título para identificar o script a ser modificado mais tarde na lista de scripts do fórum.

Tópicos com a tag ckeditor em Fórum dos Fóruns 110310

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.

Tópicos com a tag ckeditor em Fórum dos Fóruns 110410

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.