Make adding classes in Markdown possible? about markdown

[julmot]

@spacedawwwg @insanetisane To workaround this at the moment, I am passing a custom renderer. This might help you.

// marked will be downloaded as a dependency by metalsmith-markdown
const marked = require("marked");
// then later in the Metalsmith configuration use:
.use(markdown({
    "renderer": () => {
        let renderer = new marked.Renderer({
            "smartypants": true,
            "smartLists": true,
            "gfm": true,
            "tables": true,
            "breaks": false,
            "sanitize": false
        });
        // As it is not possible to generate custom classes, it is necessary
        // to pass a bootstrap table renderer (https://git.io/vwD7Z)
        renderer.table = function (header, body) {
            /* beautify preserve:start */
            return "<div class='table-responsive'>"
                + "<table class='table table-bordered table-striped'>"
                    + "<thead>"
                    + header
                    + "</thead>"
                    + "<tbody>"
                    + body
                    + "</tbody>"
                + "</table>"
            + "</div>";
            /* beautify preserve:end */
        }
        return renderer;
    }()
}))

[spacedawwwg]

👍 yep, I think this would be a great addition

+1

[julmot]

Very important when using e.g. bootstrap, a class .table is necessary on a <table> element.

@ianstormtaylor Please help us out here.

[woodyrew]

This is easily solved with a custom renderer as suggested.