Conditionally load MarkNodes

[6peterlu]

I am looking to show/hide the highlight style on MarkNodes based on node IDs. What would be the recommended way to do this?

Thank you 🙏

[6peterlu]

Maybe the solution here is to only render marknodes selectively! Will try.

[6peterlu]

actually this will require me to somehow serialize and deserialize selection objects, not sure how to do that 🤔

[6peterlu]

Was able to save the relevant fields of a selection to a JSON with the following format:

const SELECTION_FIELDS = {
  focus: { key: '2', offset: 56, type: 'text' },
  anchor: { key: '2', offset: 72, type: 'text' },
  isBackward: true,
  id: '0a44d86f-fec1-4628-ad2c-ff7874f16f5b',
  format: 0
};

Then create the RangeSelection object with the $createRangeSelection function:

  const rangeSelection = $createRangeSelection();
  rangeSelection.anchor.key =
    TEST_SELECTION_DATA.anchor.key;
  rangeSelection.anchor.offset =
    TEST_SELECTION_DATA.anchor.offset;
  rangeSelection.anchor.type = 'text';
  rangeSelection.focus.key = TEST_SELECTION_DATA.focus.key;
  rangeSelection.focus.offset =
    TEST_SELECTION_DATA.focus.offset;
  rangeSelection.focus.type = 'text';
  rangeSelection.format = TEST_SELECTION_DATA.format;