Extinderea editorului de mesaj pe întreg ecranul

Scris de **Mihai** Mier Mai 13, 2020 7:08 pm

Extinderea editorului de mesaj pe întreg ecranul

Salutare tuturor,

În acest tutorial am să vă arăt cum puteți adauga un buton prin intermediul căruia puteți extinde editorul de mesaje pe întreg ecranul. Fericit

Demonstrație:
Înainte de a extinde editorul:

Extinderea editorului de mesaj pe întreg ecranul 6JAKc3A

După extinderea editorului:

Extinderea editorului de mesaj pe întreg ecranul CSFtddl

1. Instalare
Vizitați: Panoul de administrare => Module => HTML & Javascript => Gestiunea codurilor JavaScript => Creați un nou cod Javascript, și adăugați:

Cod:: 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'); }); });

Setați vizibilitatea codului pe toate paginile.

Și asta a fost tot! Noroc