Question

在html中，我们可以使用display:none, font-size:0, or visibility:hidden隐藏文本，在羽毛笔编辑器中是否有类似的方式？

例如，可以设置一些op.attributes，然后可以隐藏文本

Answer 1

在Quill容器内有一个带有“ ql-editor”类的div标签。您可以将CSS定位到此类以更改可见性。 div标签是所有笔芯内容的父元素，如果要隐藏一部分文本，可以将子对象定位为隐藏。您可以使用jquery。

隐藏所有文本的CSS示例：

.ql-editor{
    visibility:hidden;
}

CSS示例隐藏文本的指定行：

.ql-editor p:nth-child(7){
    visibility:hidden;
}

请记住“ visibility：hidden;”中的差异。和“ display：none;” What is the difference between visibility:hidden and display:none?

Answer 2

感谢您的所有回答。我找到了解决方案， 1）注册一个属性： const HideAttribute = new Parchment.Attributor.Attribute（'hidden'，'hidden'，config）; Quill.register（HideAttribute，true）; 2）因为文字需要以delta隐藏， op.attributes.hidden = true

然后op.insert的文本将被隐藏

谢谢！

如何在羽毛笔编辑器中隐藏文字？

2 个答案: