Craft CMS中CKEditor插件表格对齐设置问题求助

方法1：开启CKEditor表格对齐工具栏按钮 #

• 进入Craft后台，打开设置 → 字段，找到使用CKEditor的字段并点击编辑。
• 在字段编辑页的CKEditor配置选项中，切换为「自定义」配置模式（若之前用预设配置）。
• 在工具栏配置数组里添加表格对齐按钮：TableAlignLeft、TableAlignCenter、TableAlignRight，示例配置片段：

  {
    "toolbar": [
      // 保留原有工具栏项
      ["Table", "TableAlignLeft", "TableAlignCenter", "TableAlignRight"]
    ]
  }
  

• 保存字段设置后，回到编辑器页面，选中表格即可通过新增的按钮设置左/右/居中对齐。

方法2：自定义CSS强制生效对齐样式 #

若工具栏按钮设置后样式被全局CSS覆盖，可添加自定义样式：

• 进入Craft后台设置 → 站点 → 全局模板，或直接修改主题的CSS文件。
• 插入以下CSS代码：

  /* 表格左对齐 */
  .ck-editor__editable table.align-left {
    margin-left: 0;
    margin-right: auto;
  }
  /* 表格右对齐 */
  .ck-editor__editable table.align-right {
    margin-left: auto;
    margin-right: 0;
  }
  /* 表格居中对齐（可选保留） */
  .ck-editor__editable table.align-center {
    margin-left: auto;
    margin-right: auto;
  }
  

• 保存后，使用工具栏按钮设置对齐时，CKEditor会自动给表格添加对应的类名，样式即可生效。

方法3：检查插件版本与基础配置 #

• 确认安装的CKEditor插件为最新版本，旧版本可能缺失表格对齐功能模块。
• 若使用Craft官方CKEditor插件，前往插件设置页，确保未禁用表格相关功能项。

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