How can I display the contents while turning off editing mode?

[ctevans]

I apologize if this question is obvious I'm still pretty new but how can I turn off editing mode?

I want to simply display the UI to the user and show off the entire document without allowing them to edit it. I've had no luck finding how to do this so far so I hope someone can help get me unstuck =]

Edit: I'd try something like described here, but one thing I REALLY value is the custom react components I make being able to be displayed, that's a total game changer for me and important. And I seem to just lose that whenever I try another tool... so this would be super duper appreciated =]

#1376

[ctevans]

Aha!! I found it I think!

readOnly = true here. Here is a code snippet from my config.ts!

export const CONFIG: {
  components: Record<string, any>
  editableProps: TEditableProps<MyValue>

  align: Partial<MyPlatePlugin>
  autoformat: Partial<MyPlatePlugin<AutoformatPlugin<MyValue, MyEditor>>>
  exitBreak: Partial<MyPlatePlugin<ExitBreakPlugin>>
  forceLayout: Partial<MyPlatePlugin<NormalizeTypesPlugin>>
  indent: Partial<MyPlatePlugin<IndentPlugin>>
  lineHeight: Partial<MyPlatePlugin>
  mentionItems: any
  resetBlockType: Partial<MyPlatePlugin<ResetNodePlugin>>
  selectOnBackspace: Partial<MyPlatePlugin<SelectOnBackspacePlugin>>
  softBreak: Partial<MyPlatePlugin<SoftBreakPlugin>>
  trailingBlock: Partial<MyPlatePlugin<TrailingBlockPlugin>>
} = {
  editableProps: {
    readOnly: true,
    spellCheck: true,
    autoFocus: false,
    placeholder: 'Type…',
    style: {
      padding: '15px',
    },
  },
  components: createPlateUI
  }