Quel est le meilleur éditeur de textile JQuery WYSIWYM?

Question

Je dois utiliser un Textile (de préférence au lieu de Markdown), et je suis à la recherche d'un bon éditeur JQuery WYSIWYM (pas WYSIWYG, à cause de this).

Je l'ai vu ces:

• WMD - Markdown, Stack Overflow l'utilise
• MarkItUp - Support textile mais je ne sais pas si c'est WYSIWYM
• WYMEditor

Lequel prend en charge les deux bonnes sorties HTML et Textile?

Mise à jour: Je n'utilise que Markdown maintenant, principalement parce qu'il génère du HTML un peu plus sémantique et il est beaucoup plus largement adopté. Cela, et vous pouvez utiliser le Cloud9 Ace Editor (source on GitHub) pour non seulement markdown, mais tout ce que fait TextMate.

Answer 1

Si vous êtes surtout intéressé valide (X) sortie HTML et non stricte sur jQuery, vous pouvez regarder Xinha - http://xinha.webfactional.com/

C'est un éditeur de Nice, de garder le code généré propre et est assez stable (avec beaucoup de plugins et capacités).

Answer 2

Il n'y a rien qui correspond à ce que vous demandez hors de la boîte. Je pense WYM editor est le meilleur point de départ. Je ne viens pas avec le support Textile de la boîte, mais il peut être facilement étendu. RDFaCE est également WYSIWYM.

MarkItUp est et non WYSIWYM.

Answer 3

Sanskrit semble faire WYSIWYG pour le textile. Voir aussi: Rails, Textile, and javascript WYSIWYG roundup.

Answer 4

J'ai récemment tombé sur l'éditeur de démarquages ​​Jquery WYSIWYM bien nommé. Avec le support de Markdown et un back-end jQuery solide, cela fonctionne bien pour mes besoins.

Il est disponible sous licence Creative Commons et vous pouvez voir le code ci-dessous: http://mjs7231.bitbucket.org/jquery-wysiwym/examples/markdown.live.html

Answer 5

Utilisation Textile.js qui est un analyseur de textile en fonctionnalités JavaScript!

utilisation peut essayer l'éditeur web en direct textile ici http://borgar.github.com/textile-js/

Je l'utilise en combinaison avec Markitup

Voici mon code simple:

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