Disable all marks for specific block-elements

[JesseLiii]

Hi,

I'm using a plate to create a document editor with a title (similar to notion).

How would I disable things like italics, bold, etc. for everything inside a block-element?

Thanks!

[12joan]

I would use a normalizer that removes any formatting that you don't want to support inside the block element. To get started writing a normalizer, override editor.normalizeNode using the withOverrides plugin option. You can detect whether the node being normalized is inside the block element using !!getBlockAbove(editor, { match: { type: YOUR_ELEMENT_TYPE } }).

Then, it's just a matter of checking for and removing formatting. For marks, you can use isMarkActive and removeMark. (If you optimistically try to remove marks without checking whether they're active, that might trigger an infinite normalization loop.)

[JesseLiii]

Thank you so much, this worked!

It's a little inefficient since I have to check several edge cases for every block (getBlockAbove needs to match any of the elements), and I used removeEditorMark since it automatically includes the selection that's needed to add marks.

Thanks for the headup for the infinite normalization loop, I definitely would've tried to do that first.

[12joan]

If you want to avoid calling getBlockAbove multiple times, you can use a function for match which returns a boolean

[JesseLiii]

I only call getBlockAbove twice to check if I'm in the correct block type.

getBlockAbove(editor) && getBlockAbove(editor)[0].type in NoMarkElements

The rather inelegant part is that I have to manually check every single mark one by one and then remove it, but it works well enough and these methods don't seem to support matching in the same way, so I consider this resolved.

if (isMarkActive(editor, 'underline')) removeEditorMark(editor, 'underline');

Thanks for the help!