如何在Backpack for Laravel中为CKEditor添加文本对齐选项？代码尝试无效

嘿，我懂你遇到的问题了——直接在options里写['alignment']是行不通的，因为Backpack的CKEditor字段需要你明确指定要加载的插件和要显示在工具栏上的具体按钮，而不是只写插件名。

下面是亲测有效的正确配置方式：

$this->crud->addField([
    'name' => 'content',
    'label' => 'Content',
    'type' => 'ckeditor',
    'options' => [
        // 第一步：指定要加载的对齐插件
        'plugins' => ['alignment'],
        // 第二步：在工具栏中添加具体的对齐按钮
        'toolbar' => [
            // 保留你原本需要的基础工具栏按钮
            'undo', 'redo',
            '|', 'bold', 'italic', 'underline',
            // 插入对齐相关的按钮选项
            '|', 'alignment:left', 'alignment:center', 'alignment:right', 'alignment:justify'
        ]
    ]
]);

为什么原来的代码不生效？ #

Backpack的CKEditor字段的options参数是直接传递给CKEditor初始化配置的，而CKEditor有两个硬性要求：

• 必须在plugins数组中声明要启用的插件
• 必须在toolbar数组中明确列出要显示的具体按钮（不能只写插件名，要写每个按钮的唯一标识）

如果你已有自定义工具栏 #

如果你之前已经配置了自己的工具栏，只需要把对齐按钮插入到合适的位置即可，比如：

'toolbar' => [
    ['Bold', 'Italic', 'Underline'],
    ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent'],
    // 插入对齐按钮组
    ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
    ['Link', 'Unlink'],
    ['RemoveFormat', 'Source']
]

这里的JustifyLeft、JustifyCenter等和alignment:left是等价的，两种写法都能正常工作。

这样配置之后，你的CKEditor工具栏里就会出现文本对齐的按钮啦！

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