For my jQuery projects, I have started using plugin easyMDE as my defacto Markdown Editor https://github.com/Ionaru/easy-markdown-editor, which is a fork of simpleMDE located at https://github.com/sparksuite/simplemde-markdown-editor – which hasn’t been updated in over two years.
For my latest project, I was able to get easyMDE easily implemented in my ASP.NET MVC application on a Create operation, but the Edit operation didn’t render the text correctly.
My solution was to include a hidden element for the field I wanted to update.
|
1 |
<input asp-for="Description" type="hidden"> |
Then in my scripts section, I take what is in the hidden element and populate easyMDE with this value.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
@section Scripts { <script> var easyMDE = new EasyMDE(); easyMDE.value(document.getElementById("Description").value); document.getElementById("save-button").addEventListener("click", onSaveButtonClick); function onSaveButtonClick() { document.getElementById("Description").value = easyMDE.value(); } </script> } |
You can also see how I am updating the value of Subscription on the save operation, which fires with the Save button is clicked.