tinymce-react-如何在只读模式下隐藏虚线

问题描述

我对tinymce-react有疑问。我在我的react项目中使用tinymce预览html内容。

---

以下是我的编辑器设置：

<Editor
 value={templateDetails.content}
 init={{
   toolbar: false,menubar: false,height: 400,setup(editor) {
     editor.setMode('readonly');
   },}}
/>

我得到的视图：

我想隐藏虚线，如图所示。我已经通过了官方网站上的documentation，但是仍然找不到隐藏行的配置。谁能指出我在这里想念的东西吗？

非常感谢您。

解决方法

表格上的虚线边框表示元素的隐藏边界在哪里。这对于调整表，列和行的大小非常有用。

如果您确实想隐藏边框，则可以在初始化期间使用以下配置覆盖CSS：

content_style: '.mce-item-table,.mce-item-table td {border: none;}'

这将隐藏虚线的表格边框和表格单元格边框。

Tiny's Documentation website上提供了有关如何在编辑器中自定义内容外观的更多详细信息。

此外，我还创建了一个Tiny fiddle to demonstrate。