Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/flexberry/ember-flexberry-tinymce
https://github.com/flexberry/ember-flexberry-tinymce
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/flexberry/ember-flexberry-tinymce
- Owner: Flexberry
- License: mit
- Created: 2024-04-15T06:34:44.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-03T12:06:40.000Z (8 months ago)
- Last Synced: 2024-05-03T15:48:33.225Z (8 months ago)
- Language: JavaScript
- Size: 417 KB
- Stars: 0
- Watchers: 7
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.MD
- License: LICENSE
Awesome Lists containing this project
README
ember-flexberry-tinymce
==============================================================================`ember-flexberry-tinymce` - аддон для [ember-flexberry](https://github.com/Flexberry/ember-flexberry/tree/develop) с 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](https://github.com/Flexberry/ember-flexberry/tree/develop), позволяющий встроить в свое приложение WYSIWYG HTML редактор.
WYSIWYG (является аббревиатурой от англ. What You See Is What You Get, «что видишь, то и получишь») — свойство прикладных программ или веб-интерфейсов, в которых содержание отображается в процессе редактирования. Также широко используется понятие «визуальный редактор».
Редактор представляет из себя поле для ввода текста и функциями его редакирования, а также включает в себя получившуюся html разметку. Выглядит это следующим образом:
![Example](image.png)Разработка
------------------------------------------------------------------------------### Установка
* `git clone `
* `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](http://localhost:4200).For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).
License
------------------------------------------------------------------------------This project is licensed under the [MIT License](LICENSE.md).