什麼是最好的JQuery WYSIWYM紡織編輯器？

Question

我需要使用紡織品（最好代替Markdown），並且正在尋找一個漂亮的所見即所得（而不是WYSIWYG，因爲this）JQuery編輯器。

我見過這些：

• WMD - 降價，堆棧溢出使用它
• MarkItUp - 紡織支持，但我不知道這是否是WYSIWYM
• WYMEditor

哪一個支持好的HTML輸出和紡織？

更新：我現在只使用Markdown，主要是因爲它會生成稍微更多的語義html，並且它被廣泛採用。那樣的話，你可以使用Cloud9 Ace Editor（source on GitHub）來進行降價，而不是TextMate所做的一切。

Answer 1

如果您是有效的（X）HTML輸出最感興趣，而不是嚴格的jQuery的，你可以看看Xinha - http://xinha.webfactional.com/

這是一個很好的編輯器，不斷生成的代碼清潔，是相當穩定（有很多的插件和能力）。

Answer 2

沒有任何東西符合您要求的開箱即用功能。

我認爲WYM editor是最好的起點。我沒有提供開箱即用的紡織品支持，但它可以很容易地擴展。 RDFaCE也是所見即所得。

MarkItUp是不是所見即所得。

Answer 3

Sanskrit似乎爲所有紡織品做所見即所得。另見：Rails, Textile, and javascript WYSIWYG roundup。

Answer 4

我最近偶然發現了正確命名的Jquery WYSIWYM降價編輯器。通過Markdown支持和堅實的jQuery後端，它可以很好地滿足我的需求。

它可以在Creative Commons，您可以查看下面的代碼： http://mjs7231.bitbucket.org/jquery-wysiwym/examples/markdown.live.html

Answer 5

使用Textile.js這是JavaScript的一個功能齊全的紡織解析器！

使用可以嘗試這裏的紡織直播網頁編輯器http://borgar.github.com/textile-js/

我使用它結合Markitup

這裏是我的簡單的代碼：

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