[TUTORIAL] Fullscreen em SCEditor

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

[TUTORIAL] Fullscreen em SCEditor Empty [TUTORIAL] Fullscreen em SCEditor

Mensagem por Shek 11.07.14 21:05


[TUTORIAL] Fullscreen em SCEditor Gestion

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




- 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
[TUTORIAL] Fullscreen em SCEditor Painel13

[TUTORIAL] Fullscreen em SCEditor 110111[TUTORIAL] Fullscreen em SCEditor 398853 Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Fullscreen em SCEditor 110210[TUTORIAL] Fullscreen em SCEditor 398853 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.
[TUTORIAL] Fullscreen em SCEditor 110310[TUTORIAL] Fullscreen em SCEditor 398853 Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Fullscreen em SCEditor 110410[TUTORIAL] Fullscreen em SCEditor 398853 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.


- 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:
    [TUTORIAL] Fullscreen em SCEditor 010





© Fórum dos Fóruns


[TUTORIAL] Fullscreen em SCEditor Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Fullscreen em SCEditor
Shek

Shek
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18604
Pontos ativos : 22442

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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


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