Data/hora atual: 02.05.24 23:41
1 Resultado encontrado para 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 JavaScriptAs 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. |
- por Sennior
- em 22.11.16 19:27
-
- Procurar em: Widgets e módulos personalizados
- Tópico: [TUTORIAL] Substituir o editor padrão pelo CKEditor
- Respostas: 0
- Vistos: 4118