Ember Flexberry Tinymce Addon
npm install ember-flexberry-tinymceember-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 добавить:
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 редактор.
git clone
WYSIWYG (является аббревиатурой от англ. What You See Is What You Get, «что видишь, то и получишь») — свойство прикладных программ или веб-интерфейсов, в которых содержание отображается в процессе редактирования. Также широко используется понятие «визуальный редактор».
Редактор представляет из себя поле для ввода текста и функциями его редакирования, а также включает в себя получившуюся html разметку. Выглядит это следующим образом:
!Example
Разработка
------------------------------------------------------------------------------
$3
*
cd ember-flexberry-tinymce
*
npm install
*
yarn lint:js
#### Linting
*
yarn lint:js --fix
*
npm run lint
#### Linting
* - 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
$3
* – 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`
$3
*
* 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.