Ember-flexberry-tinymce NPM

ember-flexberry-tinymce

ember-flexberry-tinymce - аддон для ember-flexberry с WYSIWYG HTML редактором.

Установка

ember install ember-flexberry-tinymce

Также нужно установить "broccoli-funnel": "^3.0.8" и "tinymce": "^6".

В ember-cli-build.js добавить:

const Funnel = require('broccoli-funnel');

module.exports = function(defaults) {
  let app = new EmberAddon(defaults, {
    // Добавьте эти опции для включения TinyMCE
    autoImport: {
      webpack: {
        externals: { tinymce: 'tinymce' },
      },
    },
  });

  app.import('node_modules/tinymce/tinymce.min.js');

  const tinymceTree = new Funnel('node_modules/tinymce/', {
    include: ['icons/**/*', 'models/**/*', 'skins/**/*', 'themes/**/*', 'plugins/**/*', 'langs/**/*'],
    destDir: '/assets'
  });

  return app.toTree(tinymceTree);
};

Использование

ember-flexberry-tinymce - аддон для ember-flexberry, позволяющий встроить в свое приложение WYSIWYG HTML редактор.

WYSIWYG (является аббревиатурой от англ. What You See Is What You Get, «что видишь, то и получишь») — свойство прикладных программ или веб-интерфейсов, в которых содержание отображается в процессе редактирования. Также широко используется понятие «визуальный редактор».

Редактор представляет из себя поле для ввода текста и функциями его редакирования, а также включает в себя получившуюся html разметку. Выглядит это следующим образом: Example