ckeditor5使用教程

CKEditor 5是一个现代的富文本编辑器，它提供了丰富的功能和自定义选项，适合构建复杂的Web内容编辑体验。以下是使用CKEditor 5的基本步骤：

1. **安装**:
- 可以通过npm包管理器安装 (`npm install @ckeditor/ckeditor5-build-classic`), 或者从CDN加载库。

2. **初始化编辑器**:
在HTML中添加编辑器元素，并在JavaScript中实例化编辑器：

   <textarea id="editor"></textarea>

   import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

   ClassicEditor.create(document.querySelector('#editor'), {
     toolbar: 'full', // 使用预设的全功能工具栏
   });

3. **配置选项**:
CKEditor 5允许你调整各种设置，比如字体、颜色、格式等，可以查阅官方文档了解详细配置。

4. **事件处理**:
可以监听编辑器的事件，如`instanceReady`表示编辑器准备就绪，`contentChanged`当内容发生变化时触发。

editor.on('instanceReady', (event) => {
  console.log('Editor is ready!');
});

editor.on('contentChange', () => {
  console.log('Content has been changed.');
});