Was ist der beste JQuery WYSIWYM Textile Editor?

Question

Ich brauche ein Textile (vorzugsweise statt Markdown), und bin auf der Suche nach einem schönen WYSIWYM (nicht WYSIWYG, wegen this) JQuery-Editor.

Ich habe diese gesehen:

• WMD - Markdown, Stack-Überlauf verwendet es
• MarkItUp - Textil Unterstützung, aber ich weiß nicht, ob es WYSIWYM ist
• WYMEditor

Welche unterstützt beide gute HTML-Ausgabe und Textile?

Update: Ich benutze Markdown jetzt nur, vor allem, weil es etwas mehr semantisches HTML generiert und es ist viel breiter angenommen. Das und Sie können die Cloud9 Ace Editor (source on GitHub) nicht nur für Abschlag, sondern alles TextMate verwenden.

Answer 1

Wenn Sie hauptsächlich interessiert sind gültig (X) HTML-Ausgabe und nicht streng auf jQuery, können Sie bei Xinha finden - http://xinha.webfactional.com/

Es ist ein schöner Editor, hält generierten Code sauber und ist ziemlich stabil (mit vielen Plugins und Fähigkeiten).

Answer 2

Es gibt nichts, was zu dem passt, was Sie aus der Verpackung fordern.

Ich denke, WYM editor ist der beste Ausgangspunkt. Ich komme nicht mit Textile Unterstützung aus der Box, aber es kann leicht erweitert werden. RDFaCE ist auch WYSIWYM.

MarkItUp ist nicht WYSIWYM.

Answer 3

Sanskrit scheint WYSIWYG für Textile zu tun. Siehe auch: Rails, Textile, and javascript WYSIWYG roundup.

Answer 4

Ich stolperte kürzlich über den treffend benannten Jquery WYSIWYM Markdown-Editor. Mit Markdown-Unterstützung und einem soliden jQuery-Backend funktioniert es gut für meine Bedürfnisse.

Es unter Creative Commons ist und Sie den Code unten sehen können: http://mjs7231.bitbucket.org/jquery-wysiwym/examples/markdown.live.html

Answer 5

Verwenden Textile.js die ein vollwertiges Textile Parser ist in JavaScript!

Es kann hier die Textil Live-Web-Editor ausprobieren http://borgar.github.com/textile-js/

ich es mit Markitup

Hier ist mein einfacher Code in Kombination bin mit:

$(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); 
};