Enhancing appeal with image previews

AI-generated summary

The discussion revolves around enhancing the user experience in Discourse by introducing a WYSIWYG (What You See Is What You Get) composer to replace the current markdown editor. MihirR initiates the conversation by requesting a more visually appealing upload interface with image previews. merefield and NateDhaliwal confirm that such a feature is not yet available but is on the roadmap. lindsey shares an update, revealing that a new rich text composer is in development, with real-time rendering of images and formatting, and provides a preview image. Canapin asks if the editor will be a standalone library, which lindsey clarifies it will not, as it’s built using ProseMirror for Discourse-specific features. Seel expresses concern about losing the ability to see markdown syntax, prompting lindsey to reassure that the current markdown editor will remain available alongside the new WYSIWYG mode. sam notes that the experimental WYSIWYG composer is now live on Meta Discourse.

Is there a way to make the upload more appealing in this window?

Instead of the text here, could we do something more professional, like showing a small preview of the uploaded image?

Ignore the AI Caption

Currently this is a markdown editor, so no.

There has been talk of an enhanced composer being built at some point and is on the roadmap I believe.

Oh cool, that would truly enhance the look :))

Of course, you could use the preview section on the right. But Discourse doesn’t have this kind of editor yet. There are some plugins that do a WYSIWYG editor, but most are broken.

Trix editor seems a great choice, oh yeah after your comment I just had a look at some plugins and you are right those are broken :slight_smile:

We’re actively developing a WYSIWYG / rich text composer which will render images and other formatting in real time so that it’s much easier to understand what your final post will look like without being a Markdown wizard.

Here’s a little sneak peek of how things are looking so far, expect more updates soon as we begin to test!

That’s a great step for ease of use.

Will it be a standalone library that can be integrated into other projects than Discourse?

Woohoo! It looks dope, eagerly waiting :))

Hope wysiwyg will live alongside current approach of having two separate windows for markdown and preview. I really dislike inability to see the actual markdown and syntax of a complex post.
Not-optional wysiwyg can be detrimental to users who are fluent in markdown and sites that allow bbcode and html in posts.

No, we aren’t building this as a standalone library. We are utilizing ProseMirror 's library to build the composer specifically for Discourse to support our unique features and formatting.

For now, we are building this editor as a new “mode” of the existing composer. Both modes will support Markdown — the new one just automatically renders it. The current editor will remain available for the time being, and we’ll figure out any long term changes we want to make there based on feedback from users like yourself.

Discourse is now shipping an experimental WYSIWYG composer :confetti_ball: