如何向 pagedown 添加自定义图像标签？

我正在尝试复制原始内容img自定义标签的功能img将添加到 pagedown 转换器的标记。

例如，我复制原始行为：

![image_url][1] [1]: http://lolink.com gives <img src="http://lolink.com">

变成一个自定义的：

?[image_url][1] [1]: http://lolink.com gives <img class="lol" src="http://lolink.com">

看着docs https://code.google.com/p/pagedown/wiki/PageDown做到这一点的唯一方法是使用preblockgamut挂钩，然后添加另一个“块级结构”。我尝试这样做并得到了Uncaught Error: Recursive call to converter.makeHtml

这是我搞乱它的代码：

    converter.hooks.chain("preBlockGamut", function (text, dosomething) {
        return text.replace(/(\?\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, function (whole, inner) {
            return "<img src=" + dosomething(inner) + ">";
        });
    });

我对钩子和所有东西都不是很有经验，所以我该怎么做才能修复它？谢谢。

UPDATE：发现 _DoImages 之后运行prespangamut，将用它代替preblockgamut

弄清楚了！该解决方案非常笨重，需要编辑源代码，因为我不擅长正则表达式和_DoImage()function仅在源代码中使用了很多内部函数。

解决方案：

所有编辑都将针对markdown.converter file.

do a ctrl+f为了_DoImage函数，你会发现它在两个地方被命名，一是在RunSpanGamut和一个定义函数。解决办法很简单，复制一下DoImage函数和相关内容添加到一个新函数中，以模仿原始函数并对其进行编辑以使其符合口味。

next to DoImage功能添加：

function _DoPotatoImages(text) {
    text = text.replace(/(\?\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writePotatoImageTag);
    text = text.replace(/(\?\[(.*?)\]\s?\([ \t]*()<?(\S+?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writePotatoImageTag);
    return text;
}

function writePotatoImageTag(wholeMatch, m1, m2, m3, m4, m5, m6, m7) {
    var whole_match = m1;
    var alt_text = m2;
    var link_id = m3.toLowerCase();
    var url = m4;
    var title = m7;

    if (!title) title = "";

    if (url == "") {
        if (link_id == "") {
            link_id = alt_text.toLowerCase().replace(/ ?\n/g, " ");
        }
        url = "#" + link_id;

        if (g_urls.get(link_id) != undefined) {
            url = g_urls.get(link_id);
            if (g_titles.get(link_id) != undefined) {
                title = g_titles.get(link_id);
            }
        }
        else {
            return whole_match;
        }
    }

    alt_text = escapeCharacters(attributeEncode(alt_text), "*_[]()");
    url = escapeCharacters(url, "*_");
    var result = "<img src=\"" + url + "\" alt=\"" + alt_text + "\"";

    title = attributeEncode(title);
    title = escapeCharacters(title, "*_");
    result += " title=\"" + title + "\"";

    result += " class=\"p\" />";

    return result;
}   

如果你看看新的之间的区别_DoPotatoImages()函数和原来的_DoImages()，你会注意到我编辑了正则表达式以添加转义问号\?而不是正常的感叹号!

还要注意如何writePotatoImageTag calls g_urls and g_titles这是一些被调用的内部函数。

之后，添加您的text = _DoPotatoImages(text); to runSpanGamut函数（请确保将其添加到text = _DoAnchors(text);行，因为该函数将覆盖图像标签），现在您应该能够编写?[image desc](url)随着![image desc](url)

done.