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 разметку. Выглядит это следующим образом:

Разработка

Установка

• git clone <repository-url>
• cd ember-flexberry-tinymce
• npm install

Linting

• yarn lint:js
• yarn lint:js --fix

Linting

• npm run lint - run all linters
• npm run lint:js - run linter for code
• npm run lint:hbs - run linter for templates
• npx update-todo-errors - update list of todo errors

Тестирование

• ember test – Runs the test suite on the current Ember version
• ember test --server – Runs the test suite in "watch mode"
• ember try:each – Runs the test suite against multiple Ember versions

Запуск приложения

• ember serve
• Visit the dummy application at http://localhost:4200.

For more information on using ember-cli, visit https://ember-cli.com/.

License

This project is licensed under the MIT License.