Skip to main content

Text Editor (Текстовий редактор)

Навігація

Text Editor (Текстовий редактор)

techno4 v2.0.4 Core Component MIT License GitHub Repository CO «CF TECHNO4»

Вбудований адаптивний WYSIWYG редактор із підтримкою форматування (жирний, курсив, списки, посилання) та кастомних кнопок дій.

HTML-розмітка та ініціалізація 

<div class="text-editor text-editor-init" data-placeholder="Введіть ваш текст тут...">
  <div class="text-editor-content" contenteditable></div>
</div>

Керування через JavaScript 

const editor = app.textEditor.create({
  el: '.text-editor',
  buttons: ['bold', 'italic', 'underline', 'unorderedList', 'orderedList', 'link'],
  on: {
    change: function () {
      console.log('Вміст змінено:', editor.value);
    }
  }
});