2010-03-12 13 views
23

Potrzebuję użyć Textile (najlepiej zamiast Markdown) i szukam ładnego WYSIWYMA (nie WYSIWYG, z powodu this) edytora JQuery.Co to jest najlepszy edytor tekstowy JSI w JQuery?

Widziałem te:

  • WMD - Markdown, przepełnienie stosu używa go
  • MarkItUp - wsparcie włókienniczych, ale nie wiem, czy to WYSIWYM
  • WYMEditor

Który z nich obsługuje zarówno dobre wyjście HTML i Tekstylia?

Aktualizacja: Korzystam teraz tylko z Markdown, głównie dlatego, że generuje on nieco więcej semantycznego html i jest znacznie szerszy. To i możesz użyć Cloud9 Ace Editor (source on GitHub) do nie tylko przecen, ale do wszystkiego, co robi TextMate.

+0

obserwował to pytanie przez kilka miesięcy i wydaje się, że nie ma! Czy miałeś szczęście, że znalazłeś to gdzie indziej? –

+0

nie, nie ma żadnych! –

+0

[Edytor Aloha] (http://aloha-editor.org/) to także moje nowe odkrycie. Nie dokładnie to, o co prosiłeś, ale powiązane. –

Odpowiedz

0

Jeśli jesteś zainteresowany głównie w ważnej (X) wyjście HTML a nie ścisłe na jQuery, można spojrzeć na Xinha - http://xinha.webfactional.com/

Jest to miły redaktor, utrzymuje wygenerowany kod czysty i jest dość stabilny (z dużą ilością wtyczki i możliwości).

+0

nie na podstawie jquery. – h0tw1r3

+2

Powiedziałem (podpowiedź) w mojej odpowiedzi, że nie używa jQuery - przepraszam, jeśli to było mylące. –

3

Nie ma niczego, co pasowałoby do tego, o co prosisz po wyjęciu z pudełka.

Uważam, że najlepszym punktem wyjścia jest WYM editor. Nie otrzymuję pomocy tekstylnej po wyjęciu z pudełka, ale można ją łatwo rozszerzyć. RDFaCE jest również WYSIWYM.

MarkItUp to nie WYSIWYM.

+0

Co sprawia, że ​​MarkItUp nie jest WYSIWYM? Myślałem, że to jest dokładnie to, co było. Jestem zmieszany. – PKKid

8

Używaj Textile.js który jest w pełni funkcjonalnym parser Tekstylia w JavaScript!

stosowanie może wypróbować Textile żywo edytor WWW tutaj http://borgar.github.com/textile-js/

Używam go w połączeniu z Markitup

Oto mój prosty kod:

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

Nie jestem zbyt zaznajomiony z nodejs ... ale rozumiem, że jest to coś, nie można zainstalować na współużytkowanym serwerze hostingowym? Albo to robią, czy nie, prawda? Jeśli tak, to czy można użyć pliku textile.js? (ponieważ widziałem '$ npm install textilejs' w instrukcjach instalacji i nie mogę zainstalować mgr pakietu węzłów na moim wspólnym hostingu). +1 do wprowadzenia do Textile.js, wygląda jednak obiecująco. – Logan

+1

To tylko javascript i można go używać w przeglądarce, w aplikacji node.js :) Aby użyć go w przeglądarce, odwołaj się do niego jak do każdego innego skryptu. Zobacz, jak on go używa: http://borgar.github.com/textile-js/ Po prostu zobacz źródło – superlogical