Plugin JQuery/JS Markdown?

Question

Tôi đang viết một ứng dụng trò chuyện và tôi muốn thêm một số chức năng đơn giản nơi người dùng sử dụng đánh dấu để ảnh hưởng đến định dạng văn bản, như đậm hoặc in nghiêng. Tôi đang hình dung điều này sẽ giống như cách nó được thực hiện trên Google Talk hoặc StackOverflow. JQuery có bất kỳ plugin nào để làm điều này không?

Answer 1

stackoverflow đang sử dụng trình chỉnh sửa WMD. Bạn có thể sử dụng mã trình soạn thảo WMD. Nó được viết bởi javascript.

séc

http://blog.stackoverflow.com/2009/01/wmd-editor-reverse-engineered/

Đối với WMD sang HTML, bạn có thể sử dụng ShowDown javascript.

nguồn Github (bao gồm showdown.js)

http://github.com/derobins/wmd

Showdown tập quán

var text = "Markdown *rocks*."; 
var converter = new Attacklab.showdown.converter(); 
var html = converter.makeHtml(text); 
alert(html); 

Answer 2

Thật dễ dàng để use Showdown with or without jQuery. Dưới đây là ví dụ về jQuery:

// See http://mathiasbynens.be/notes/showdown-javascript-jquery for a plain JavaScript version as well 
$(function() { 
// When using more than one `textarea` on your page, change the following line to match the one you’re after 
var $textarea = $('textarea'), 
    $preview = $('<div id="preview" />').insertAfter($textarea), 
    converter = new Showdown.converter(); 
$textarea.keyup(function() { 
    $preview.html(converter.makeHtml($textarea.val())); 
}).trigger('keyup'); 
}); 

Answer 3

FWIW, tôi đã viết một Plugin jQuery Markdown sử dụng trình chuyển đổi Showdown. Nó được thiết kế để sử dụng như một tiện ích phía máy khách khi máy chủ của bạn đang phục vụ các tài liệu Markdown - có lẽ được tổ chức trong một số cấu trúc thư mục có ý nghĩa.

Liên kết tới các tài liệu và hình ảnh Markdown khác được giải quyết liên quan đến thư mục cơ sở tài liệu và cấu trúc thư mục tài liệu của bạn. Tính năng chuyển đổi cũng được hỗ trợ bằng cách sử dụng các thẻ kiểu {{include-this}} cho phép bạn tạo các tài liệu meta bao gồm các phần nhỏ hơn của Markdown hoặc văn bản thô.

sử dụng mẫu: $(#mydiv).markdown('mybase/', 'mydir/mydoc.markdown');

Xin vui lòng tải về và sử dụng không hạn chế tại http://plugins.jquery.com/project/markdown.