Rendering Gutenberg Editor in frontend with readOnly mode.

[kohheepeace]

Problems

I want to use gutenberg in Ruby on Rails app, but as pointed out in this issue(#54047), the frontend rendering depends on PHP code, I need to re-write many logic to ruby. This is a somewhat heavy task.

Question

📍 Is it possible (or what do you think) to render Editor as react component in frontend with readOnly mode as follows?

<BlockEditorProvider
  readOnly
  value={blocks}
  settings={{...}}
>
  <BlockCanvas height="100%" styles={editorStyles} />
</BlockEditorProvider>;

This implementation is used in slate.js.

 <Editable readOnly placeholder="Enter some plain text..." />

https://www.slatejs.org/examples/read-only

Of course this has downsides in terms of performance and SEO, but currently this is enough for me.

Related issues

• Block supports and dynamic rendering in JS and PHP #54047
• Gutenberg as a framework: streamline the experience #53874

@youknowriad @andrewserong

[kohheepeace]

Sorry, I see that this issue is exactly what is being discussed and under consideration for development. So I will close it.

I think it's fine for block supports to be opinionated about how they're supposed to be rendered

#54047 (comment)