给一个ckeditor案例

CKEditor是一个开源的富文本编辑器，可以在网页上实现类似于Microsoft Word的编辑功能。下面是一个基本的CKEditor案例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CKEditor Example</title>
    <script src="https://cdn.ckeditor.com/ckeditor5/27.0.0/classic/ckeditor.js"></script>
</head>
<body>
    <h1>CKEditor Example</h1>
    <textarea name="editor" id="editor"></textarea>

    <script>
        ClassicEditor
            .create( document.querySelector( '#editor' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>
</body>
</html>

在这个案例中，我们首先引入了CKEditor的JavaScript文件，然后在页面中创建一个textarea元素，用于展示编辑器。接下来，使用ClassicEditor.create()方法初始化编辑器，并将其绑定到id为"editor"的textarea上。

运行这个示例，你将看到一个具有常见编辑功能的富文本编辑器。你可以在编辑器中输入和格式化文本，插入图片、链接等内容，并将其保存或在其他地方使用。

请注意，以上示例使用的是经典编辑器（ClassicEditor），CKEditor还提供了其他类型的编辑器，如内联编辑器（InlineEditor）和BalloonEditor等，可以根据具体需求选择合适的编辑器类型。同时，CKEditor还支持自定义配置和插件扩展，以满足更多的编辑需求