We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

WYSIWYG Editing Markdown Content

Thread ID:

Created:

Updated:

Platform:

Replies:

145534 Jun 26,2019 11:18 PM UTC Jun 27,2019 04:25 PM UTC Angular - EJ 2 1
loading
Tags: RichTextEditor
Michael Wells
Asked On June 26, 2019 11:18 PM UTC

Hey all,

I am using the Rich Text Editor in a CRM project, in which we want the user to be able to edit the content either in WYSIWYG mode, or in Markdown code mode.
On save, we want to extract the text in Markdown format, for storage in our database.

Rationale- in case you're wondering "why not use the HTML mode", my rationale is-
+ We want zero risk of scripts, or external file references
+ The limited tagging of markdown suits us perfectly for this purpose- Headings, basic text formatting, and the ability to include images and links.
+ Simpler to read and manage in our database- which is MONGODB ( thus, JSON data structures ).  I'd prefer not to store HTML inside JSON. 

I've followed the demo here;

And got it working on IONIC 4 / Angular 7.

However the editor is only showing markdown code, with no WYSIWYG view.
( This is the same behavior shown in the demo, just not what we want for the end product. )

How can I change this?

Prince Oliver [Syncfusion]
Replied On June 27, 2019 04:25 PM UTC

Hi Michael, 
 
Thank you for contacting us. 
 
You can easily convert the markdown to HTML content using third-party library(like marked.js) in application end. In below demo, we have converted the markdown content into HTML content when you click the preview button. 
  
  
And also we have provided the demo sample for preview the markdown changes immediately in the preview area using marked.js third party plugin when you click on the split Editor. This third party plugin is used to make live preview. Please find the below screenshot. 
 
 
 
  
  
  
If the above sample doesn’t meet your requirement, please share us more information about your requirement. 
  
Regards, 
Prince 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon