-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1 from ckeditor/develop
Vue CKEditor 4 Component implementation
- Loading branch information
Showing
19 changed files
with
12,060 additions
and
43 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
# Configurations to normalize the IDE behavior. | ||
# http://editorconfig.org/ | ||
|
||
root = true | ||
|
||
[*] | ||
indent_style = tab | ||
tab_width = 4 | ||
charset = utf-8 | ||
end_of_line = lf | ||
trim_trailing_whitespace = true | ||
insert_final_newline = true |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
/** | ||
* @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. | ||
* For licensing, see LICENSE.md. | ||
*/ | ||
|
||
// Note: The ESLint configuration is mandatory for vue-cli. | ||
module.exports = { | ||
'extends': 'ckeditor5', | ||
'rules': { | ||
'operator-linebreak': 0 | ||
}, | ||
'parserOptions': { | ||
'ecmaVersion': 2018 | ||
} | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
* text=auto | ||
|
||
*.htaccess eol=lf | ||
*.cgi eol=lf | ||
*.sh eol=lf | ||
|
||
*.css text | ||
*.htm text | ||
*.html text | ||
*.js text | ||
*.json text | ||
*.php text | ||
*.txt text | ||
*.md text | ||
|
||
*.png -text | ||
*.gif -text | ||
*.jpg -text |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,37 +1,3 @@ | ||
# See http://help.github.com/ignore-files/ for more about ignoring files. | ||
|
||
# compiled output | ||
/dist | ||
|
||
# dependencies | ||
/node_modules | ||
|
||
# IDEs and editors | ||
/.idea | ||
.project | ||
.classpath | ||
.c9/ | ||
*.launch | ||
.settings/ | ||
*.sublime-workspace | ||
|
||
# IDE - VSCode | ||
.vscode/* | ||
!.vscode/settings.json | ||
!.vscode/tasks.json | ||
!.vscode/launch.json | ||
!.vscode/extensions.json | ||
|
||
# misc | ||
/.sass-cache | ||
/connect.lock | ||
/coverage | ||
/libpeerconnection.log | ||
npm-debug.log | ||
yarn-error.log | ||
testem.log | ||
/typings | ||
|
||
# System Files | ||
.DS_Store | ||
Thumbs.db | ||
coverage/ | ||
node_modules/ | ||
dist/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
sudo: required | ||
dist: xenial | ||
services: | ||
- xvfb | ||
addons: | ||
chrome: stable | ||
firefox: latest | ||
language: node_js | ||
node_js: | ||
- '12' | ||
cache: | ||
- node_modules | ||
before_install: | ||
- export DISPLAY=:99.0 | ||
install: | ||
- npm install | ||
script: | ||
- npm run test |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,97 @@ | ||
# CKEditor 4 WYSIWYG editor Vue component | ||
Official [CKEditor 4](https://ckeditor.com/ckeditor-4/) WYSIWYG editor component for Vue. | ||
# CKEditor 4 WYSIWYG editor component for Vue [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Check%20out%20CKEditor%204%20Vue%20integration&url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fckeditor4-vue) | ||
|
||
### License | ||
[![npm version](https://badge.fury.io/js/ckeditor4-vue.svg)](https://www.npmjs.com/package/ckeditor4-vue) | ||
[![GitHub tag](https://img.shields.io/github/tag/ckeditor/ckeditor4-vue.svg)](https://github.com/ckeditor/ckeditor4-vue) | ||
|
||
Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved. | ||
[![Build Status](https://travis-ci.org/ckeditor/ckeditor4-vue.svg?branch=master)](https://travis-ci.org/ckeditor/ckeditor4-vue) | ||
[![Dependency Status](https://david-dm.org/ckeditor/ckeditor4-vue/status.svg)](https://david-dm.org/ckeditor/ckeditor4-vue) | ||
[![devDependency Status](https://david-dm.org/ckeditor/ckeditor4-vue/dev-status.svg)](https://david-dm.org/ckeditor/ckeditor4-vue?type=dev) | ||
|
||
For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license | ||
[![Join newsletter](https://img.shields.io/badge/join-newsletter-00cc99.svg)](http://eepurl.com/c3zRPr) | ||
[![Follow Twitter](https://img.shields.io/badge/follow-twitter-00cc99.svg)](https://twitter.com/ckeditor) | ||
|
||
The official [CKEditor 4](https://ckeditor.com/ckeditor-4/) WYSIWYG editor component for Vue. | ||
|
||
This is the beta version of the CKEditor 4 Vue integration. We are looking forward to your feedback! You can report any issues, ideas or feature requests on the [integration issues page](https://github.com/ckeditor/ckeditor4-vue/issues/new). | ||
|
||
![CKEditor 4 screenshot](https://c.cksource.com/a/1/img/npm/ckeditor4.png) | ||
|
||
## Usage | ||
|
||
Use CKEditor4 Vue plugin by calling `Vue.use()` method: | ||
|
||
```js | ||
import Vue from 'vue'; | ||
import CKEditor from 'ckeditor4-vue'; | ||
|
||
Vue.use( CKEditor ); | ||
|
||
new Vue( { | ||
// ... options | ||
} ) | ||
``` | ||
|
||
and then use the `<ckeditor>` component in your template: | ||
|
||
```html | ||
<template> | ||
<div id="app"> | ||
<ckeditor value="Hello, World!"></ckeditor> | ||
</div> | ||
</template> | ||
``` | ||
|
||
## Documentation and examples | ||
|
||
See the [CKEditor 4 WYSIWYG Editor Vue Integration](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_vue.html) article in the [CKEditor 4 documentation](https://ckeditor.com/docs/ckeditor4/latest). | ||
|
||
You can also check out [CKEditor 4 WYSIWYG Editor Vue Integration example](https://ckeditor.com/docs/ckeditor4/latest/examples/vue.html) in [CKEditor 4 Examples](https://ckeditor.com/docs/ckeditor4/latest/examples/). | ||
|
||
## Browser support | ||
|
||
The CKEditor 4 Vue component works with all the [supported browsers](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html#officially-supported-browsers) except for Internet Explorer. | ||
|
||
To enable Internet Explorer 11 support, import specific `dist/legacy.js` file instead of standard import, containing all required polyfills: | ||
|
||
```js | ||
import CKEditor from 'ckeditor4-vue/dist/legacy.js' | ||
``` | ||
|
||
**Note** that even though CKEditor 4 supports older Internet Explorer versions including IE8, IE9 and IE10, Vue integration is only supported in the latest Internet Explorer 11. | ||
|
||
## Contributing | ||
|
||
After cloning this repository, install necessary dependencies: | ||
|
||
``` | ||
npm install | ||
``` | ||
|
||
### Executing tests | ||
|
||
``` | ||
npm run test | ||
``` | ||
|
||
If you are going to change the source files (ones located in the `src/` directory), remember about rebuilding the package. You can use `npm run develop` in order to do it automatically. | ||
|
||
### Building the package | ||
|
||
Build a minified version of the package that is ready to publish: | ||
|
||
``` | ||
npm run build | ||
``` | ||
|
||
## License | ||
|
||
Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. | ||
|
||
Licensed under the terms of any of the following licenses at your | ||
choice: | ||
|
||
* [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html), | ||
* [GNU Lesser General Public License Version 2.1 or later](http://www.gnu.org/licenses/lgpl.html), | ||
* [Mozilla Public License Version 1.1 or later (the "MPL")](http://www.mozilla.org/MPL/MPL-1.1.html). | ||
|
||
For full details about the license, please check the `LICENSE.md` file. |
Oops, something went wrong.