Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Markdown to HTML for blog page.
See original GitHub issueI get the editor has a preview feature but what I’m after is if it offers a function to just output the markdown to HTML.Much like editing a blog post saving the markdown to the database then rendering the markdown as HTML on the client.
The function is like marked.js do ,I find it is hard to render same html page like that easyMDE render preview when try to include marked.js ,the differrence is feature code and poetry.Furthermore Blockquotes of easyMDE don’t have solid border-left like simplemde markdown editor.
My Demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Example / Preview</title>
<link rel="stylesheet" href="https://unpkg.com/easymde/dist/easymde.min.css">
<script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body>
<section class="main-content">
<h1><a id="h1_demo1" class="anchor" aria-hidden="true"></a>Demo</h1>
<button onclick="myFunction()">Click me</button>
<textarea id="demo1" style="display: none;"># Hello world</textarea>
</section>
<div id="content"></div>
<script>
var easyMDE = new EasyMDE({
element: document.getElementById("demo1"),
spellChecker: false,
});
function myFunction() {
var str = easyMDE.value();
//var str = document.getElementById("demo1").innerHTML;
document.getElementById('content').innerHTML = marked(str);
}
</script>
</body>
</html>
Seems like something that should be included…
Reply appreciated.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:3
- Comments:9 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
What we use was very simple:
this returned the html code from markdown
The returned html code has no css class style like easyMDE‘s preview mode which include blockquote and code.