更改表格列宽时如何更改TinyMCE v.5光标类型？

Question

在tinyMCE v.5中，当更改表列宽时，作为表插件的功能，我有游标：默认，但在其网站上的示例https://www.tiny.cloud/docs/demo/basic-example/#上，游标是：col-resize。如何将其更改为col-resize？ ：）

在他们的网站上找不到这是一些自定义选项，看起来像是默认外观，但是在我的项目中显示的内容与他们的示例不同。

以下是屏幕截图https://prnt.sc/nlfza0

Answer 1

该屏幕截图中似乎包含一些自定义CSS-工具栏应环绕而不是滚动。

通过内容样式表设置光标，当光标位于与表格边框对齐的不可见cursor: row-resize元素上方时，该样式表将使用cursor: col-resize（或div）。

您可以使用DOM检查器来查找元素（它们是body标记的同级元素），并且元素样式信息应告诉您光标被覆盖的位置。

如果这样做没有帮助，请在我们的http://fiddle.tinymce.com网站（或其他提琴/ codepen类型的网站）上创建一个复制示例，我们将看看是否可以对其进行跟踪。

Answer 2

谢谢@Spyder：）

我找到了它们，你是对的，它们是身体的同胞：）

他们有课程： “ ephox-snooker-resizer-rows ephox-snooker-resizer-bar”-调整行大小 “ ephox-snooker-resizer-cols ephox-snooker-resizer-bar”-调整大小列

并在拖动模式下获得其他类“ ephox-snooker-resizer-bar-dragging”。

我刚刚在“ tinymce / css / mycontent.css”文件中添加了此属性：

/* TABLE RESIZE COLUMN - CURSOR TYPE */

.ephox-snooker-resizer-cols {
cursor: col-resize;
}

.ephox-snooker-resizer-rows {
cursor: ns-resize;
}