Javascript to convert Markdown/Textile to HTML (and, ideally, back to Markdown/Textile)

by

For Markdown -> HTML, there is Showdown

StackOverflow itself uses Markdown language for questions and answers ; did you try to take a look at how it works ?

Well, it seems it is using PageDown which is available under the MIT License

The question Is there any good Markdown Javascript library or control? and its answers might help, too 🙂

A full editor is, of course, not exactly what you asked for ; but they must use some kind of function to transform the Markdown code to HTML ; and, depending on the license of these editors, you might be able to re-use that function…

Actually, if you take a close look at Showdown, in its code source (file showdown.js), you’ll find this portion of comment :

//
// Showdown usage:
//
//   var text = "Markdown *rocks*.";
//
//   var converter = new Showdown.converter();
//   var html = converter.makeHtml(text);
//
//   alert(html);
//
// Note: move the sample code to the bottom of this
// file before uncommenting it.
//

It’s not jQuery syntax, but should be quite easy to integrate in your application 😉

About Textile, it seems to be a bit harder to find anything useful 🙁

In the other side, HTML -> Markdown, I guess things might be a bit harder…

What I would do is store both Markdown and HTML in my application data store (database ? ), and use one for editing, and the other for rendering… Would take more space, but it seems less risky than “decrypting” HTML…

More Related Contents:

  1. jQuery .animate function not responding properly
  2. Why jQuery .load() is not working? [closed]
  3. What does [object Object] mean?
  4. Assign click handlers in for loop
  5. Scroll Automatically to the Bottom of the Page
  6. Reload an iframe with jQuery
  7. jQuery click not working for dynamically created items [duplicate]
  8. Stop setInterval
  9. Finding line-wraps
  10. Determine Pixel Length of String in Javascript/jQuery?
  11. How to build simple jQuery image slider with sliding or opacity effect?
  12. How to detect browser back button click event using angular?
  13. How to check if the URL contains a given string?
  14. keycode and charcode
  15. Copy a variable’s value into another
  16. Get the visible height of a div with jQuery
  17. Count the number of integers in a string
  18. jQGrid Column Chooser Modal Overlay
  19. Bootstrap 4: Uncaught ReferenceError: Popper is not defined
  20. How to tell which row number is clicked in a table?
  21. Find all the days in a month with Date object?
  22. Consider marking event handler as ‘passive’ to make the page more responsive
  23. DOM Mutation event in JQuery or vanilla Javascript
  24. JavaScript on the bottom of the page?
  25. Put quotes around a variable string in JavaScript
  26. How to show loading status in percentage for ajax response?
  27. jQuery Datepicker “After Update” Event or equivalent
  28. Select2() is not a function
  29. How to keep elements non-refreshed
  30. jQuery selector to target any class name (of multiple present) starting with a prefix?

Leave a Comment