How to get a rich text editor in Nuxt Content/Nuxt Studio
I'm not interested in markdown, instead I'd like a rich text HTML editor as you'd find in a regular CMS's.
Is this possible?
What about a Vue component that wraps a an editor? Is that what I should be doing?
2 Replies
Hi @Kal. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Nuxt Content and Nuxt Studio primarily focus on Markdown-based content management, but they do offer a visual editor that provides a rich text editing experience similar to what you might find in a traditional CMS. However, it's important to note that this editor still generates Markdown as the final output.
Nuxt Studio provides a Notion-like visual editor for Markdown files. This editor offers a more intuitive, WYSIWYG (What You See Is What You Get) experience for editing content, which might be closer to what you're looking for. Here are some key points about this editor:
1. The visual editor is designed to abstract away the complexities of Markdown syntax, offering a more user-friendly editing experience Behind the scenes of Nuxt Studio's visual editor.
2. It allows you to edit content visually, including the ability to integrate and customize Vue components directly within the editor Docs > Studio > Notion-like editor (
Markdown files) > Vue Components.
3. The editor supports features like drag-and-drop for images, a toolbar for text formatting, and the ability to insert media Docs > Studio.
While this visual editor provides a rich text editing experience, it's important to understand that it still works with Markdown files and generates Markdown syntax as the final output.
If you specifically need an HTML-based rich text editor, you might consider integrating a third-party Vue component that wraps such an editor. However, this approach is not natively supported by Nuxt Content or Nuxt Studio and would require additional setup and possibly custom integration with the content management workflow.
For the most seamless experience within the Nuxt Content ecosystem, I would recommend trying out the visual editor provided by Nuxt Studio. It offers many of the benefits of a rich text editor while still maintaining compatibility with the Markdown-based content structure of Nuxt Content.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@821437800225570892> Kapa.ai is still learning and improving, please let me know how I did by reacting below.