|
|
hace 8 años | |
|---|---|---|
| .. | ||
| .github | hace 8 años | |
| bin | hace 8 años | |
| build | hace 8 años | |
| sample | hace 8 años | |
| tests | hace 8 años | |
| .editorconfig | hace 8 años | |
| .gitattributes | hace 8 años | |
| .gitignore | hace 8 años | |
| .npmignore | hace 8 años | |
| CHANGELOG.md | hace 8 años | |
| CONTRIBUTING.md | hace 8 años | |
| LICENSE.md | hace 8 años | |
| README.md | hace 8 años | |
| build-config.js | hace 8 años | |
| ckeditor.js | hace 8 años | |
| package.json | hace 8 años | |
| webpack.config.js | hace 8 años | |
The editor with a balloon toolbar build. Read more in the editor with a balloon toolbar and see the demo.
See:
First, install the build from npm:
npm install --save @ckeditor/ckeditor5-build-balloon-toolbar
And use it in your website:
<div id="editor">
<p>This is the editor content.</p>
</div>
<script src="./node_modules/@ckeditor/ckeditor5-build-balloon-toolbar/build/ckeditor.js"></script>
<script>
BalloonToolbarEditor
.create( document.querySelector( '#editor' ) )
.then( editor => {
window.editor = editor;
} )
.catch( err => {
console.error( err.stack );
} );
</script>
Or in your JavaScript application:
import { BalloonToolbarEditor } from '@ckeditor/ckeditor5-build-balloon-toolbar/build/ckeditor';
// Or using CommonJS verion:
// const BalloonToolbarEditor = require( '@ckeditor/ckeditor5-build-balloon-toolbar/build/ckeditor' ).BalloonToolbarEditor;
BalloonToolbarEditor
.create( document.querySelector( '#editor' ) )
.then( editor => {
window.editor = editor;
} )
.catch( err => {
console.error( err.stack );
} );
Note: If you are planning to integrate CKEditor 5 deep into your application it is actually more convenient and recommended to install and import the source modules directly (like it happens in ckeditor.js). Read more in the Bundling guide.
Licensed under the GPL, LGPL and MPL licenses, at your choice. For full details about the license, please check the LICENSE.md file.