javascript - block 引用的 jQuery 自定义 Markdown

Question

我想为我的平台创建自己的 Markdown 系统。

因此，为了允许用户将文本加粗，他们可以将文本用双星号括起来。

这是我的做法:

<div class="content">
   The following will be bold: **I am bold**
</div>

jQuery:

function markdown(markdownable) {

var bold = /\*\*(\S(.*?\S)?)\*\*/gm;
    markdownable = markdownable.replace( bold, '<span style="font-weight:bold">$1</span>' );

    return markdownable;
}

$('.content').each(function() {

    var markdownable = $(this).html(),
        content = markdown(markdownable);

    $(this).html(content);


});

这是一个工作 fiddle 。

现在，回答我的问题。每当用户添加 >在段落的开头，如下所示:

> Hello world, this can be a very lengthy paragraph.

然后我想将该文本包装到 <blockquote> 中。

我该怎么做？

Answer 1

嘿我已经更新了你的 jsfiddle..

代码:-

function markdown(markdownable) {
        var bold = /\*\*(\S(.*?\S)?)\*\*/gm;
    markdownable = markdownable.replace(bold, '<span style="font-weight:bold">$1</span>');

    if (markdownable.indexOf("&gt;") == 0) {
        markdownable = markdownable.replace("&gt;", "<blockquote>");
        markdownable += "</blockquote>";
    }
    return markdownable;
}

$('.content').each(function() {

    var markdownable = $(this).html(),
        content = markdown(markdownable);

    $(this).html(content);


});

工作 jsfiddle 示例:-

http://jsfiddle.net/dwxmjkb3/2/

根据要求添加新代码:-

function markdown(markdownableOrg) {
    var bold = /\*\*(\S(.*?\S)?)\*\*/gm;
    var dataArray = markdownableOrg.split("\n");
    var data = [];
    for (var i = 0; i < dataArray.length; i++) {
        var markdownable = dataArray[i];
        markdownable = markdownable.replace(bold, '<span style="font-weight:bold">$1</span>');
        if (markdownable.indexOf("&gt;") == 0) {
            markdownable = markdownable.replace("&gt;", "<blockquote>");
            markdownable += "</blockquote>";
        }
        data.push(markdownable)
    }

    return data.join("\n");
}

现在上面给定的方法分割数据(每行)并检查>并将其替换为 block 引用。

更新了 jsfiddle :- http://jsfiddle.net/dwxmjkb3/6/

谢谢