@42ndstudio/ckeditor5-build-inline-custom 中文文档教程

Question

CKEditor 5 inline editor build

CKEditor 5 的内联编辑器构建。阅读有关 内联编辑器构建 并查看 演示。

Documentation

请参阅：

• Installation for how to install this package and what it contains.
• Basic API for how to create an editor and interact with it.
• Configuration for how to configure the editor.
• Creating custom builds for how to customize the build (configure and rebuild the editor bundle).

Quick start

首先，从安装构建npm:

npm install --save @ckeditor/ckeditor5-build-inline

并在你的网站中使用它:

<div id="editor">
    <p>This is the editor content.</p>
</div>
<script src="./node_modules/@ckeditor/ckeditor5-build-inline/build/ckeditor.js"></script>
<script>
    InlineEditor
        .create( document.querySelector( '#editor' ) )
        .then( editor => {
            window.editor = editor;
        } )
        .catch( error => {
            console.error( 'There was a problem initializing the editor.', error );
        } );
</script>

或者在你的 JavaScript 应用程序中:

import InlineEditor from '@ckeditor/ckeditor5-build-inline';

// Or using the CommonJS version:
// const InlineEditor = require( '@ckeditor/ckeditor5-build-inline' );

InlineEditor
    .create( document.querySelector( '#editor' ) )
    .then( editor => {
        window.editor = editor;
    } )
    .catch( error => {
        console.error( 'There was a problem initializing the editor.', error );
    } );

注意: 如果你打算将 CKEditor 5 深入集成到你的应用程序中，实际上更方便，建议安装和导入源直接模块（就像在 ckeditor.js 中发生的那样）。 在高级设置指南中阅读更多内容。

License

根据 GNU 通用公共许可证版本 2 或更高版本 的条款获得许可。 有关许可证的完整详细信息，请查看 LICENSE.md 文件或 https://ckeditor。 com/legal/ckeditor-oss-license.