Pobierz TinyMCE
- rozpakuj
- cały podkatalog tinymce/ należy przenieść na serwer np. do podkatalogu webroot/libs
- dołącz plik tinymce.min.js
- ściągnij i rozpakuj pakiet językowy pl.js, wgraj do podkatalogu tinymce/langs
- dołącz plik konfiguracyjny: tinymce-config-full
tinymce.init({ selector :'textarea.editor', language : 'pl', language_url: '/tinymce/langs/pl.js', height : 500, plugins : [ "advlist autolink autosave link image imagetools lists charmap print preview hr anchor pagebreak spellchecker", "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", "table contextmenu directionality emoticons template textcolor paste fullpage textcolor colorpicker textpattern" ], toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect", toolbar2: "cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image media code | insertdatetime preview | forecolor backcolor", toolbar3: "table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft", code_dialog_width: 1000,
fullpage – należy usunąć aby usunąć DOCTYPE/html/body – w generowanej treści
browser_spellcheck: true, menubar: false, toolbar_items_size: 'small', content_css: [ '//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css', '//www.tinymce.com/css/codepen.min.css' ] });
Pole formularza textarea powinno mieć klasę .editor (wg. pliku)
<form action="edit" method="post"> <textarea class="editor"></textarea> <button type='submit'>Zapisz</button> </form>
// Dołączamy plik tinymce.min.js i plik konfiguracyjny
<?= $this->Html->script('/tinymce-5.5.1/tinymce.min.js', ['block' => true]) ?>
<?= $this->Html->script('/js/tinymce-init', ['block' => true]) ?>