Chcę zbudować witrynę, w której użytkownik może wprowadzać tekst i formatować go w Markdown. Powodem, dla którego chciałbym rozwiązania JavaScript jest to, że chcę wyświetlić podgląd na żywo, tak jak w StackOverflow.
Moja witryna nie jest jednak skierowana do programistów, więc kontrolka edytora byłaby idealna.
Rozumiem, że na StackOverflow używany jest edytor WMD.
Szybkie wyszukiwanie w Google powoduje również wyświetlenie biblioteki Showdown, która, jak sądzę, jest faktycznie używana przez broń masowego rażenia.
Są jakieś inne opcje? Czy WMD / Showdown to już świetne narzędzia? Jakie masz doświadczenia z różnymi opcjami?
javascript
controls
markdown
webmat
źródło
źródło
Jesteśmy bardzo zadowoleni z broni masowego rażenia. Jest w nim jednak kilka drobiazgów. Nic wielkiego, ale ja kocham jeśli John Fraser (autor) złożył otwarty kod źródłowy, dzięki czemu możemy rozwiązać niektóre z nich. Obiecał, że to zrobi, ale przeszkadzają mu inne projekty z prawdziwego życia.
Co tydzień kontaktuję się z Johnem. Opublikuję na blogu, gdy źródło broni masowego rażenia będzie już dostępne.Nie mogę skontaktować się z Johnem Fraserem od ponad roku.Mamy otwarte źródła zarówno biblioteki JavaScript Markdown
http://code.google.com/p/pagedown/
i bibliotekę C # Markdown po stronie serwera
http://code.google.com/p/markdownsharp/
źródło
Polecam zaznaczone , który jest lekki, wydajny, łatwy w obsłudze i obsługuje GitHub Smakowe Markdown (GFM), jak również. Może być używany po stronie serwera (nodejs) lub klienta (przeglądarki).
źródło
O ile wiem, tak naprawdę nie ma żadnego innego edytora Markdown opartego na przeglądarce, a przynajmniej żadnego tak rozbudowanego jak edytor WMD.
Showdown to konwerter Markdown w JS, który stanowi podstawę podglądu HTML WMD. Oba są stworzone przez http://attacklab.net/ .
O ile wiem, nie było żadnych poważnych skarg na oba (przynajmniej nie na liście mailingowej Markdown). Więc zrób to.
źródło
Jest jeden o nazwie Showdown i jest obecnie hostowany tutaj: https://github.com/coreyti/showdown
I jest https://github.com/evilstreak/markdown-js :)
źródło
Strapdown.js, który został niedawno wydany , „sprawia, że tworzenie eleganckich dokumentów Markdown jest żenująco proste. Nie jest wymagana kompilacja po stronie serwera”.
źródło
Nie testowałem tego, ale tutaj jest inna opcja:
Markdown wysiwyg
źródło
Pytanie jest teraz jeszcze bardziej starożytne, ale także jeszcze bardziej istotne, ponieważ większość wspomnianego kodu jest nieaktualna od kilku lat.
Jednak znalazłem kilka, które nadal wydają się aktualne:
Jquery-Markedit - To zostało rozwidlone z wmd-edit już jakiś czas temu i zrekonstruowane tak, aby używać jQuery. Na pierwszy rzut oka wygląda dobrze.
EpicEditor - jest nadal utrzymywany, ma elastyczny parser i, jak widać poniżej, autor jest bardzo responsywny (patrz poniżej). Wydaje się, że ma również dobrą dokumentację. Niestety nie działa z IE9.
MarkdownDeep to trzecia opcja, która jest nadal aktualna. Ciekawym punktem tego jest wsparcie dla Markdown Extra. Ma zależność od JQuery (właściwie można ją zaimplementować również bez JQuery). Oparta na wersji .NET, więc dokumentacja jest bardziej dostosowana do tej wersji niż wersja JS. Działa to również z IE9. Jest bardzo łatwy w użyciu (z JQuery) i bardzo prosty. O ile widzę, nie nastąpił w tym żaden znaczący rozwój.
js-markdown-extra to dość dokładny port biblioteki PHP i nadal jest w trakcie konserwacji. Obsługuje oczywiście Markdown Extra.
źródło
preview()w trybie keydown lub po przekroczeniu czasu. Jest zbudowany do wszelkiego rodzaju dostosowań.editor.on('save', function(file) { console.log(file.content) })jeśli o to ci chodzi. To wypluje zawartość pliku za każdym razem, gdy plik zostanie zapisany.on('update')zamiast zapisywać. Zapisywanie będzie dużo strzelać, jeśli masz włączone automatyczne zapisywanie. Aktualizacja uruchomi się tylko wtedy, gdy coś się zmieni. epiceditor.com/#eventsPytanie jest stare, ale mam nadzieję, że może to komuś pomóc. Niedawno opublikowałem działającą wersję mojego własnego edytora znaczników Javascript, uedit . Możesz znaleźć kod źródłowy tutaj . Działa na większości przeglądarek (w tym IE6 +) i nie zależy od żadnych zewnętrznych bibliotek JS.
źródło
Po wypróbowaniu kilku wtyczek w celu rozwiązania moich własnych potrzeb związanych z oferowaniem seudo-WYSIWYG MarkDown, zakończyłem wdrażanie własnej:
Może nie jest tak potężny, jak wszystkie komentowane tutaj rozwiązania, ale myślę, że żadne nie jest tak proste i łatwe do integracji i dostosowania .
źródło