使用CKeditor控件
时间: 2023-06-28 13:08:41 浏览: 114
使用 CKEditor 控件,你需要在 HTML 页面中引入 CKEditor 的 JavaScript 文件,并创建一个 textarea 元素,然后使用 JavaScript 代码将它转换为 CKEditor 编辑器。以下是一个基本的示例:
1. 首先,在 HTML 代码中引入 CKEditor 的 JavaScript 文件,可以从官网下载,或者使用 CDN 加载:
```html
<script src="https://cdn.ckeditor.com/ckeditor5/30.0.0/classic/ckeditor.js"></script>
```
2. 创建一个 textarea 元素,设置它的 id 属性:
```html
<textarea id="editor"></textarea>
```
3. 使用 JavaScript 代码将 textarea 元素转换为 CKEditor 编辑器:
```javascript
ClassicEditor
.create( document.querySelector( '#editor' ) )
.catch( error => {
console.error( error );
} );
```
上面的代码使用了 ClassicEditor 构造函数来创建一个经典的 CKEditor 编辑器,它接受一个 CSS 选择器作为参数,用于指定要转换的 textarea 元素。
完成上述步骤后,你就可以在网页上看到一个具有丰富编辑功能的 CKEditor 编辑器了。
阅读全文