[TUTORIAL] Fullscreen em SCEditor
Página 1 de 1 • Compartilhe
[TUTORIAL] Fullscreen em SCEditor
SCEditor |
Neste tutorial, podemos adicionar uma função Javascript que será possível expandir o SCEditor (Editor Forumeiros) para que a caixa digitação fique em tela cheia.
--> Tutoriais, dicas e astúcias <--
Fullscreen em SCEditor
Fullscreen em SCEditor
1º - Gerenciar as páginas JavaScript:
Precisamos definir um código JavaScript que mudará o link do botão Novo tópico em um determinado subfórum. Por isso, vamos acessar as páginas JavaScript do fórum.
Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
Localização São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos nos tópicos ou Em todas as páginas para pegar no editor da página de NOVO TÓPICO e RESPONDER. |
Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente. |
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
2º - Código JS a ser utilizado:
- Código:
// SCEDITOR tela cheia
jQuery(document).on("ready",function(){
jQuery('head').append('<style>.fullscreen_sce {background: url(http://i35.servimg.com/u/f35/15/64/85/86/fullsc10.png) center no-repeat;background-color: transparent !important;width: 16px;height: 16px;position: absolute;margin-top: 3px;right: 3px;opacity: 0.3;border: none;display: inline-block;}.fullscreen_sce:hover {opacity: 0.6;}.fullscreen_sce.down {background: url(http://i35.servimg.com/u/f35/15/64/85/86/scale_10.png) center no-repeat;}.fullsc_sce{width: 100% !important;height: 100% !important;position: fixed !important;top: 0;left: 0;border: none !important;z-index: 100000 !important;border-radius: 0 !important;max-width: initial !important;} #gquickreply .sceditor-container.fullsc_sce, #gquickreply .fullsc_sce * {max-width: initial !important;}.fullsc_sce_edit {width: calc(100% - 10px) !important;height: calc(100% - 48px) !important;}.no_scoll {overflow: hidden !important;}</style>');
jQuery('.sceditor-toolbar').after('<span class="fullscreen_sce"></span>');
jQuery('.fullscreen_sce').live('click', function() {
jQuery(this).toggleClass('down');jQuery('body').toggleClass('no_scoll');jQuery('.sceditor-grip').toggle();
jQuery(this).next('iframe').toggleClass('fullsc_sce_edit').next('textarea').toggleClass('fullsc_sce_edit');
jQuery(this).parent('.sceditor-container').toggleClass('fullsc_sce');
});
});
- Resultado:
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Fullscreen em SCEditor |
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos