How do I "view" the actual document being saved by the editor?

[sam26880]

First of all, thanks for a great tool :)

Is there a "view" mode vs "edit" mode? I'm able to edit the document just fine. I'm able to save the data as well. But now, I'd like to DISPLAY the saved data to the user WITHOUT actually showing the editing capability. Is there a built in way to do this? Am I missing anything?

Thanks in advance!

[utkarshrai003]

@sam26880 Did you find anything for this? Plugins like slate have view mode, but I could not find anything on editor js documentation though.

[sam26880]

No I haven't found anything. The issue that I have is that when links are added, they are not clickable in the "default" mode which makes sense because default mode is the "EDIT" mode. So what I'm looking for is "VIEW" mode where the content is NOT editable AND the links are actually clickable.

[utkarshrai003]

Looks like we need to render the HTML ourselves with the clean data, which editor js provides. I am also looking to solve this and found this thread while researching. Maybe, this would be helpful to you as well.

#676

[sam26880]

Got you. Yea seems like there are others looking for the same solution. I'll try some of their suggestions and see how it goes. Thanks for bringing that up.

[avdkishore]

There is this open issue which suggests that readOnly flag similar to what SlateJS provides is in their roadmap.

[sumitvekariya]

https://medium.com/@sumitvekariya7/editor-js-read-only-mode-in-angular-4f73192ed860

[sam26880]

@sumitvekariya interesting. Thanks for that solution. I'm not using Angular. Any VueJS implementation would be helpful. Thanks again.

[khaydarov]

read-only mode is published with v2.19