Różnice

Różnice między wybraną wersją a wersją aktualną.

--- tinymce [2024/03/10 21:22] – utworzono zbych
+++ tinymce [2024/09/15 16:22] (aktualna) – edycja zewnętrzna 127.0.0.1
@@ Linia 1: / Linia 1: @@
-====== Inicjacja edytora ======
+====== Inicjacja edytora JS======
 <code>
 function mce(h = 400, p = 2, tt) {
@@ Linia 24: / Linia 24: @@
 }
 </code>
+====== W formularzu ======
+<code php>
+ <?= $form->field($model, 'tresc')->textarea(['class' => 'tmce']) ?>
+<?php
+$this->registerJs("
+var editor = mce(400,2).then((editor) => {
+    editor.on('init', function () {
+        $('#xx').on('click',function(){
+            editor.execCommand('mceInsertContent', false, 'Wstawiany tekst'); // wstawia tekst po kliknięciu zewnętrznego przycisku
+        });
+    });
+  });
+");
+</code>
+==== Wstawienie do edytora pobranej treści ====
+<code>
+ $.get('/mail-tresc/tresc?id=' + $('.szabl').val(),function(data){
+     $('.tmce').val(data); // potrzebne jeśli pole jest required
+     tinymce.activeEditor.setContent(data);
+ });
+</code>
+==== Edytor w modalu bootstrap ====
+Dla poprawnego działania wymagany jest kod JS:
+<code php>
+$this->registerJs("
+    $('#myModal').on('hidden.bs.modal', function () {
+        tinymce.remove();
+    });
+    $(document).on('focusin', function(e) {
+        if ($(e.target).closest('.tox-tinymce, .tox-tinymce-aux, .moxman-window, .tam-assetmanager-root').length) {
+           e.stopImmediatePropagation();
+        }
+      });
+");
+</code>