CKEditor5编辑器内加标题输入框

要在CKEditor5编辑器内加入标题输入框，你需要先添加一个插件来实现这个功能。你可以使用CKEditor5内置的标题插件，也可以自定义一个插件。
以下是使用内置的标题插件添加标题输入框的步骤：

在CKEditor5中添加标题插件。你可以在CKEditor5的npm包中找到它，或者直接在CKEditor5的构建工具中选择它。

在CKEditor5的配置文件中，将标题插件添加到你的编辑器实例中。示例代码如下：

ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ 'heading' ],
toolbar: [ 'heading' ]
} )
.catch( error => {
console.error( error );
} );
登录后复制

在CKEditor5的工具栏中添加标题按钮。你可以在toolbar选项中添加一个名称为heading的按钮，或者在heading插件中自定义一个按钮。

点击标题按钮，在编辑器中插入一个标题。

如果你想自定义标题输入框的样式或行为，你可以创建一个自定义的插件来实现它。该插件可以监听编辑器中的文本输入，并将输入的文本转换为标题格式。你可以参考CKEditor5的插件开发文档来创建一个自定义的插件。