You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Yii框架的asmoday74\ckeditor5\EditorClassic中添加文本高亮?

解决Yii EditorClassic添加文本颜色高亮失效的问题

要让文本颜色高亮功能生效,需要同时启用对应插件并正确配置工具栏(保留原有按钮+新增颜色按钮),以下是具体修复方案:

问题原因

  1. 仅配置toolbar会覆盖组件默认工具栏设置,导致原有按钮消失,且未明确启用颜色功能依赖的插件;
  2. TextColor功能依赖CKEditor的colorbutton插件,默认情况下该插件未被加载。

修复后的代码示例

<?php echo $form->field($model, 'description', ['options' => []])->widget(EditorClassic::className(), [
    'clientOptions' => [
        'language' => 'fr',
        // 启用颜色按钮插件
        'plugins' => ['colorbutton'],
        // 配置工具栏:保留原有基础按钮 + 添加文本颜色按钮
        'toolbar' => [
            ['Bold', 'Italic', 'Underline'],
            ['TextColor']
        ]
    ]
]) ?>

补充说明

  • 如果需要同时支持背景颜色高亮,可以在工具栏中加入BGColor选项,即['TextColor', 'BGColor'];
  • 若使用的是基于CKEditor 5的EditorClassic组件,配置方式略有不同,需加载FontColor插件并使用fontColor作为工具栏项:
'clientOptions' => [
    'language' => 'fr',
    'plugins' => [
        \yii\ckeditor5\Font\FontColor::class,
    ],
    'toolbar' => [
        'bold', 'italic', 'underline',
        'fontColor'
    ]
]

内容的提问来源于stack exchange,提问作者Abdelilah Dahdahi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.08 16:01:04