直接在编辑器中，改动的部分也没有明显的颜色变化，如何设置

要在TUI Editor中添加自定义工具并实现在改动部分有颜色变化的效果，可以按照以下步骤操作：

1. **方法一：在组件内直接添加**[^1]
- 首先，你需要了解TUI Editor的基础结构，通常它允许你在组件内部注册新的插件。找到Editor实例后，你可以添加一个新的命令或者语法高亮功能。例如，如果你想要更改文本的颜色，可能需要创建一个新的`ColorSyntaxCommand`（假设这是基于`color-syntax`插件的扩展）。

   const editor = new tui.Editor({
       // ...其他配置...
   });

   editor.registerCommand('custom-color', {
       exec: function(editor, range, params) {
           const selectedText = editor剪切板.get(range);
           // 对选定的文本应用颜色（例如，蓝色）
           const formattedText = `<span style="color: blue;">${selectedText}</span>`;
           editor.replace(range, formattedText);
       },
       undo: function(editor) {
           // 撤销时还原原始颜色
       }
   });

2. **利用现有的插件基础**
- 如果你想基于`color-syntax`或其他已有的插件来实现颜色变化，可以在其基础上定制。首先安装所需插件（如`npm install nhn/tui.editor#master`），然后查看文档以理解其API。你可能需要修改它的核心逻辑，使其支持动态颜色应用。

   import { ColorSyntax } from 'nhn/tui.editor/plugins/color-syntax';

   editor.use(ColorSyntax, {
       onInit: (editor, colorSyntax) => {
           // 监听文本变化事件，当文本插入或删除时应用或撤销颜色
           editor.subscribe('contentChange', () => {
               // 实现对新插入或删除文本的颜色改变逻辑
           });
       }
   });

要确保颜色变化明显，你可能还需要调整CSS样式或使用TUI Editor的内置主题来配合你的自定义颜色。