Fullscreen em SCEditor

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

Principal Contribuidor

Tutorial Fullscreen em SCEditor

Mensagem por Shek 11.07.14 17:05


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 administrativo ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript
Fullscreen em SCEditor Painel13

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





:copyright: Fórum dos Fóruns


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
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos