Cum facem textul din textarea formatabil
Salutare, de curand am avut nevoie de o metoda de a face posibila formatarea textului din textarea (bold,italic,h1,h2 s.a.m.d).
Asa ca astazi am sa va prezin cum puteti face si voi asa ceva.
Pentru inceput trebuie sa adaugam acest cod inainte de: <script src="//cloud.tinymce.com/stable/tinymce.min.js"></script>
Daca doriti sa aveti fisierele la Dvs. pe server si nu la mine, puteti sa descarcati Dvs. fisierele de pe https://www.tinymce.com/.
In continuare, trebuie sa adaugam urmatorul cod, imediat dupa cel de mai sus:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<script> tinymce.init({ selector: "textarea#bx", resize: false, plugins: [ "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker", "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", "save table contextmenu directionality template paste textcolor colorpicker imagetools autosave" ], add_unload_trigger: false, toolbar: "undo redo | ltr rtl | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | charmap | anchor | print preview media fullpage | forecolor backcolor table", image_advtab: true, file_browser_callback: function() { }, spellchecker_callback: function(method, words, callback) { if (method == "spellcheck") { var suggestions = {}; for (var i = 0; i < words.length; i++) { suggestions[words[i]] = ["First", "second"]; } callback(suggestions); } }, }); </script> |
Acum, tot ce mai trebuie sa facem, este sa adaugam acest cod acolo unde vrem sa apara locul pentru text cu posibilitate de formatare a textului: <textarea id="bx" name="text" placeholder="Scrie ceva ..."></textarea>
Asta a fost tot pe astazi! Ne vedem data viitoare cu un nou articol 🙂
