|
|
7 年之前 | |
|---|---|---|
| .. | ||
| .github | 7 年之前 | |
| bin | 7 年之前 | |
| build | 7 年之前 | |
| sample | 7 年之前 | |
| src | 7 年之前 | |
| tests | 7 年之前 | |
| .editorconfig | 7 年之前 | |
| .gitattributes | 7 年之前 | |
| .gitignore | 7 年之前 | |
| CONTRIBUTING.md | 7 年之前 | |
| LICENSE.md | 7 年之前 | |
| README.md | 7 年之前 | |
| build-config.js | 7 年之前 | |
| package.json | 7 年之前 | |
| webpack.config.js | 7 年之前 | |
The decoupled document build for CKEditor 5. Read more about the [decoupled document build]((https://ckeditor5.github.io/docs/nightly/ckeditor5/latest/builds/guides/overview.html#document-editor) and see the demo.
See:
First, install the build from npm:
npm install --save @ckeditor/ckeditor5-build-decoupled-document
And use it in your website:
<div id="editor">
<p>This is the editor content.</p>
</div>
<script src="./node_modules/@ckeditor/ckeditor5-build-decoupled-document/build/ckeditor.js"></script>
<script>
DecoupledDocumentEditor
.create( '<h2>Hello world!</h2>', {
toolbarContainer: '.toolbar-container',
editableContainer: '.editable-container'
} )
.then( editor => {
window.editor = editor;
} )
.catch( err => {
console.error( err.stack );
} );
</script>
Or in your JavaScript application:
import DecoupledDocumentEditor from '@ckeditor/ckeditor5-build-decoupled-document';
// Or using CommonJS verion:
// const DecoupledDocumentEditor = require( '@ckeditor/ckeditor5-build-decoupled-document' );
DecoupledDocumentEditor
.create( '<h2>Hello world!</h2>', {
toolbarContainer: '.toolbar-container',
editableContainer: '.editable-container'
} )
.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 Advanced setup guide.
Licensed under the GPL, LGPL and MPL licenses, at your choice. For full details about the license, please check the LICENSE.md file.