时间戳

首页 > 解决方案 > CKEditor 5 表格工具栏配置无法以角度显示单元格属性

angular - CKEditor 5 表格工具栏配置无法以角度显示单元格属性

问题描述

在 CKEditor 5 官方演示中，我可以看到表格内容 Toolbar 具有 Cell 属性，我确实需要该功能，但在我的情况下，我配置了我的表格，从来没有出现过。

这是官方演示

在此处输入图像描述

您可以看到内容工具栏具有单元格属性，就我而言，代码在这里：

TS：

Editor = ClassicEditor;
ckeditorConfig = {
 toolbar: [ 'heading', '|', 'bold', 'italic', 'insertTable' ],
 table: {
  contentToolbar: [ 'tableRow', 'tableColumn', 'mergeTableCells', 'tableCellProperties']
 }
}

HTML：

<ckeditor
 [config]="ckeditorConfig"
 [editor]="Editor"
 data="test">
</ckeditor>

但这不起作用，有：

在此处输入图像描述

其实在官方文档中，关于table -> contentToolbar，并没有“Cell properties”，只有3个关键字，就是['tableRow', 'tableColumn', 'mergeTableCells']，但是我看不懂，是不是'不是内容工具栏中的单元格属性吗？

请帮帮我，我该怎么办？非常感谢！

标签： angularckeditorckeditor5

解决方案

要使其工作，您必须在 ckeditor.js 的开头导入它们，如下所示：

import TableProperties from '@ckeditor/ckeditor5-table/src/tableproperties';
import TableCellProperties from '@ckeditor/ckeditor5-table/src/tablecellproperties';

然后像这样添加到您的插件配置中

plugins: [ Table, TableToolbar, TableProperties, TableCellProperties, ... ]

希望能解决您的问题！

推荐阅读