如何为Jodit编辑器设置默认文本颜色？

一、初始化时直接配置 #

在创建Jodit实例时，通过配置项直接指定默认文本颜色，同时同步工具栏颜色选择器的默认选中状态：

const editor = new Jodit('#editor', {
  // 新输入文本的默认颜色
  defaultColor: '#ff0000',
  // 颜色选择器面板的默认选中颜色
  colorPicker: {
    defaultColor: '#ff0000'
  },
  // 强制编辑器内容区域应用该颜色（包括现有内容）
  style: {
    color: '#ff0000'
  }
});

如果使用iframe模式的编辑器，需要单独配置iframe内的样式：

const editor = new Jodit('#editor', {
  iframe: true,
  iframeStyle: 'body { color: #ff0000; margin: 0; padding: 10px; }'
});

二、动态修改已初始化的编辑器 #

如果需要在编辑器运行过程中修改默认文本颜色，可通过以下代码实现：

// 更新编辑器的默认颜色配置
editor.options.defaultColor = '#0099ff';
// 让颜色选择器按钮选中新颜色
editor.getPlugin('colorPicker').setActiveColor('#0099ff');
// 强制当前输入状态使用新颜色，确保后续输入生效
editor.execCommand('foreColor', false, '#0099ff');

注意事项 #

• 若设置后新输入文本仍未应用默认颜色，检查是否有其他样式优先级更高的CSS规则覆盖了编辑器的颜色设置。
• 部分Jodit版本可能对defaultColor的支持略有差异，若上述配置无效，可直接通过execCommand强制设置当前文本颜色，并结合编辑器的内容样式兜底。

内容的提问来源于stack exchange，提问作者Friendly Genius