TinyMCE component for Universal Editor
Module for Universal Editor which extends the possibility of adding a component ue-tinymce.
Installing
This extension is pulled like a bower dependence. For connecting the extension required to execute
the following commands when you located in the root directory of the project:
- Bower install https://github.com/universal-editor/tinymce --save -F
- Required to make connecting javascript-file:
- ue-tinymce.min.js – the main extension file in editor.
- Extension uses tinymce-dist library that requires files are in mce-files directory.
Firstly static resources of dist/mce-files directory files needed to move to a working directory and by default specify the path for MCE:
tinyMCE.baseURL = '/assets/universal-editor/tinymce';
tinyMCE.baseURL parameter is may be changed if required.
Connection module:
angular.module('myApp', ['universal.editor', 'ue-tinymce']);
For correct operation of the extensions editor requires a set of additional libraries that extend the functionality of AngularJS.
A current list of libraries and their version is available in bower.json of the file repository ("section" dependencies). If
extension connected via bower, then he will download the necessary libraries.
Building
Recommendation: running console with Administrator permissions. Address http://ue-tinymce.dev is including into host file and open in browser.
If don't running console this way, have to enter http://ue-tinymce.dev in host file manually as new line like this
127.0.0.1 ue-tinymce.dev
Install dependences:
npm install
bower install
Run build:
npm run dev
: build and watch sources, create web server.npm run dist
: create web server from './dist' directory.npm run build
: build to ./dist
directory.
Documentation