Ana içeriğe geç

TinyMCE Text Editörün Projeye Eklenmesi

  • FE projesi için alpata/octapull.core paketi en az 13.0.62 sürümünde olmalıdır
  • Projeye eklenirken aşağıdaki kod satırı yine proje içerisinde bulunan angular.json dosyasındaki scripts bölümüne eklenmelidir
"node_modules/tinymce/tinymce.min.js"
import {GlobalTextEditorModule} from "@alpata/octapull.core";

GlobalTextEditorModule
  • Text editörün kullanılacağı componentin Html dosyasına aşağıdaki kod blogu eklenmelidir. Kod bloğu eklenirken editörün Tiny Editör olması için [useTinyMCE]="true" olmalıdır.
  • false olduğu taktirde mevcutda kullanılan editör sayfada gözükecektir
   <div class="form-group col-md-12">
              <label for="Icerik">İçerik *</label>
              <app-global-text-editor [modulAdi]="EProjectName.Wopm" [mainFolder]="'public'" [guid]="item.Guid"
                [useTinyMCE]="true" [path]="EProjectName.Wopm + '/' + item.Guid" [(editorData)]="item.Icerik">
              </app-global-text-editor>
            </div>

Tiny editör mevcutda kullanılan editörden daha fazla özelliğe sahiptir ve kullanımı opsiyoneldir mevcut editörün kullanıldığı tüm projelerde Tiny editörün kullanılması zorunlu değildir. Tiny Editöre geçiş yapılmaz ise eski editörün kullanımında bir problem oluşmayacak, projenin çalışmasında harhangi bir sorun çıkarmayacaktır.