如何在Yii框架的asmoday74\ckeditor5\EditorClassic中添加文本高亮?
解决Yii EditorClassic添加文本颜色高亮失效的问题
要让文本颜色高亮功能生效,需要同时启用对应插件并正确配置工具栏(保留原有按钮+新增颜色按钮),以下是具体修复方案:
问题原因
- 仅配置
toolbar会覆盖组件默认工具栏设置,导致原有按钮消失,且未明确启用颜色功能依赖的插件; - 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
相关产品推荐
相关产品推荐

