CKEditor 5修改选中文本样式

CKEditor 5是一个基于JavaScript的富文本编辑器框架，它提供了一套可扩展的API供开发者自定义和扩展编辑器的功能。修改选中文本样式是富文本编辑器中常见的需求之一，CKEditor 5通过其API允许开发者轻松实现这一功能。

在CKEditor 5中，你可以使用命令（Command）系统来修改选中文本的样式。例如，如果你想实现加粗、斜体、下划线等文本格式的改变，可以使用如下方式：

editor.execute('bold'); // 将选中的文本加粗

或者你可以通过创建自定义命令来实现更复杂的文本样式修改。首先，你需要扩展编辑器的模型和视图，并定义相应的属性，然后在命令中设置这些属性。例如，创建一个自定义的命令来修改文本颜色：

// 注册一个特性（Feature）来控制文本颜色
editor.model.schema.extend('$text', {
  allowAttributes: ['customColor']
});

editor.conversion.attributeToElement({
  model: 'customColor',
  view: {
    name: 'span',
    classes: 'my-custom-color'
  }
});

// 添加一个命令来修改文本颜色
editor.commands.add('changeColor', {
  exec: (editor, color) => {
    editor.model.change(writer => {
      const ranges = editor.model.document.selection.getRanges();
      for (const range of ranges) {
        writer.setAttribute('customColor', color, range);
      }
    });
  }
});

// 使用命令改变选中文本的颜色
editor.execute('changeColor', 'red'); // 将选中的文本颜色改为红色

在实际使用中，你需要在你的CKEditor配置中注册并启用这些特性。这样，你就可以通过编辑器的API来实现对选中文本样式的修改。