Buton pentru maximizarea editorului de mesaje

Scris de Teodor Mar Mai 12, 2020 9:07 pm

Buton pentru maximizarea editorului de mesaje

Salut Forumgratuit!

Cu ajutorul acestui tutorial vom adauga un nou buton pentru a maximiza editorul de text. Cu acest buton puteti mari zona de scris pe tot ecranul, sau sa o micsorati la loc.

Instalare

Panou de administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript

Pentru a crea codul, faceti click pe butonul Creati un nou cod JavaScript.

Completati rubricile ce urmeaza astfel:

Titlu: (ce titlu doriti sa puneti)
Amplasare: Toate paginile
Cod JavaScript: Adaugati codul JavaScript de mai jos:

Cod:: var editormaxi = false; $(function(){$(function(){ $('<a class="sceditor-button sceditor-button-maxi" unselectable="on" title="Maximizar"><div unselectable="on" style="cursor:pointer!important;opacity:1!important;background-image:url(http://i37.servimg.com/u/f37/17/45/19/77/full_s10.png)">Maximizar</div></a>') .insertBefore('.sceditor-button-source').click(function(){ $("#text_editor_textarea").sceditor("instance").maximize(editormaxi = !editormaxi).focus(); if(editormaxi){ $(".sceditor-button-maxi").addClass("hover"); $("div.sceditor-container").append('<div align="center" id="sceditor-maximized" class="sceditor-toolbar" style="width:100%;border-top:1px solid silver;position:absolute;bottom:0;"><input type="submit" value="Previzualizare" name="preview"> <input type="submit" value="Trimiteti" name="post"></div>'); $(".sceditor-maximize").prop("style", $(".sceditor-maximize").attr("style") + ";text-align:center;"); $("#fa_toolbar").hide(); }else{ $(".sceditor-button-maxi").removeClass("hover"); $("#sceditor-maximized").remove(); $("#fa_toolbar").show(); } }); })});

Rezultat

Editorul de text implicit:

Buton pentru maximizarea editorului de mesaje 1_zps510

Editorul de text maximizat:

Buton pentru maximizarea editorului de mesaje Untitl10