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:
Editorul de text maximizat:
|