Narzędzia użytkownika

Narzędzia witryny


tinymce

Różnice

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

Odnośnik do tego porównania

Poprzednia rewizja po obu stronachPoprzednia wersja
Nowa wersja
Poprzednia wersja
tinymce [2024/03/10 21:27] zbychtinymce [2024/09/15 16:22] (aktualna) – edycja zewnętrzna 127.0.0.1
Linia 1: Linia 1:
-====== Inicjacja edytora ======+====== Inicjacja edytora JS======
 <code> <code>
 function mce(h = 400, p = 2, tt) { function mce(h = 400, p = 2, tt) {
Linia 28: Linia 28:
 <code php> <code php>
  <?= $form->field($model, 'tresc')->textarea(['class' => 'tmce']) ?>  <?= $form->field($model, 'tresc')->textarea(['class' => 'tmce']) ?>
 +<?php
 $this->registerJs(" $this->registerJs("
 var editor = mce(400,2).then((editor) => { var editor = mce(400,2).then((editor) => {
Linia 38: Linia 38:
   });   });
 "); ");
 +</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> </code>
  
  
tinymce.1710102430.txt.gz · ostatnio zmienione: 2024/09/15 16:22 (edycja zewnętrzna)