Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the Best JQuery WYSIWYM Textile Editor?

Tags:

I need to use a Textile (preferably instead of Markdown), and am looking for a nice WYSIWYM (not WYSIWYG, because of this) JQuery editor.

I've seen these:

  • WMD - Markdown, Stack Overflow uses it
  • MarkItUp - Textile support but I don't know if it's WYSIWYM
  • WYMEditor

Which one supports both good HTML output and Textile?

Update: I only use Markdown now, mainly because it generates slightly more semantic html and it's much more widely adopted. That, and you can use the Cloud9 Ace Editor (source on GitHub) for not only markdown but everything TextMate does.

like image 392
Lance Avatar asked Mar 12 '10 02:03

Lance


People also ask

What is Froala editor?

Froala Editor is a lightweight WYSIWYG HTML Editor written in Javascript that enables rich text editing capabilities for your applications.

Is Summernote free?

The Summernote Editor is a free & open-source super simple WYSIWYG editor based on Bootstrap & jQuery. It is a JavaScript library that can be useful to build the WYSIWYG editors online.

What is Trumbowyg?

Light, translatable and customisable jQuery plugin.

What is jQuery editor?

jqxEditor represents a ready-for-use HTML text editor which can simplify web content creation or be a replacement of your HTML Text Areas. Try jqxEditor in our jsEditor - cloud solution for JavaScript, HTML and CSS editing, hosting and sharing your web development ideas! Format Block.


1 Answers

Use Textile.js which is a fully featured Textile parser in JavaScript!

Use can try out the Textile live web editor here http://borgar.github.com/textile-js/

I am using it in combination with Markitup

Here is my simple code:

$(document).ready(function () {     init(); });  function init() {     var $content = $('.markitup'); // my textarea     var $preview = $('#textile-preview'); // the preview div      $content.markItUp(mySettings); // init markitup      // use a simple timer to check if the textarea content has changed     var value = $content.val();     setInterval(function () {         var newValue = $content.val();         if (value != newValue) {             value = newValue;             $preview.html(textile.convert(newValue)); // convert the textile to html         }     }, 500); }; 
like image 115
superlogical Avatar answered Sep 21 '22 18:09

superlogical