editor.js怎么用

Editor.js是一个轻量级的富文本编辑器库，它基于JavaScript编写，易于定制和集成到各种项目中。以下是使用Editor.js的基本步骤：

1. **安装**：首先，在你的项目中安装Editor.js库。你可以通过npm（Node Package Manager）或者CDN直接引入。例如：

   npm install editorjs

2. **导入并初始化**：在HTML文件中引入所需的JS和CSS文件：

   <link rel="stylesheet" href="path/to/editor.min.css">
   <script src="path/to/editor.min.js"></script>

然后在JavaScript中创建一个新的实例：

   const editor = new EditorJS({
     holder: document.getElementById('editor-container'), // 需要编辑的内容容器ID
   });

3. **配置插件**：Editor.js支持自定义插件，如富文本、图像、链接等。你可以选择需要的插件，并在初始化时添加它们：

   plugins: [
     { type: 'paragraph', content: '<p>Hello, world!</p>' },
     { type: 'image', upload: true }, // 允许上传图片
     { type: 'bold', toggle: true } // 显示粗体按钮
   ]

4. **事件处理**：可以监听编辑器的各种事件，比如内容变化、插件激活等：

   editor.on('change', (content) => {
     console.log('Content changed:', content);
   });