Discussion on using Sanity for web app with WYSIWYG editing for education, including pros and cons.

Hello! I’m new with Sanity.
I am working with a web app that needs to have good visual front-end editing options.

We really need to close in on perfect WYSIWYG.

This is an application for education. Students will log in and read topics. Teachers will be able to log in, read and edit live on complete lookalike version of the page.


I have questions like:• Should the editor be put inside of studio?
• What are the pros and cons using Sanity for this.
• Also, any recommendations on how i should proceed?
I am very thankful for perspectives.
😌

You definitely can use Sanity for this, since Sanity exposes all of its APIs. If you want the editor to look like the site, it's probably going to better if you create the editor yourself outside of Studio.

Thank you a lot for your input 😃 I will look into it straight away 😄

If it's just Teachers who will be editing content, I'd say:• Do all content editing in the studio
• Set up a [preview pane](
https://www.sanity.io/blog/evolve-authoring-experiences-with-views-and-split-panes ) for that content. If you're building your frontend in React, you'll be able to use the same frontend components.• Set up a [preview link](
https://www.sanity.io/docs/preview-content-on-site ) so teachers can view unpublished content on the actual site

Hi Frikk, while you could build a WYSIWYG web app that uses Sanity Cloud as it’s content API, I think it’s important to point out that using it in a way that is so tightly coupled with your presentational layer may not be the solution you’re looking for. The main benefit of Sanity is that it allows you to structure content in a way that will make it available to be used across multiple channels (while only having to author it in one place). I’ve included a few resources on structured content below to provide some more context.
That said, I can definitely see why you would like to use Sanity in this way. The Studio will provide maintainability (you’ll get improvements, new features, and maintenance done for you), extensibility (there’s a rich plugin and tool ecosystem), optimized content editing experience (not limited by whatever the page design allows), and (as Joseph mentioned) you can use content previews to view the page.  You’ll be better off in the long run if you weigh these advantages and drawbacks against each other, though.

P.S. Something like
Webflow or Stackbit may be worth exploring as well.

https://www.sanity.io/blog/headless-cms-explained
https://www.sanity.io/guides/content-modeling-guide-why

Thanks a lot for your answer Racheal! This helps me a lot on my direction 😃

That's very helpful! I will take a look on it 😃 Thanks alot 😃