Hallo Meta, we zijn terug. Laten we het hebben over Markdown-it en BBcode

TheDarkWizard · 5 mei 2022 om 19:27

Disclaimer: I know that trying to shove BBCode back into Discourse is unconventional but its one of the few things stopping us from completely moving to Discourse and I’ve seen some really large sites (not many) use custom bbcode to a degree. Any help would be appreciated.

Hey All,

After taking a year off from our testing, the bulk import tests have resumed. We can do 30 million messages (this includes PMs), users, avatars and such in under a few hours. Attachments still make it take a week but nothing is perfect.

One of the last things we worked on last time was our bbcode suite which is located here: Tutorial - RpNation - BBcode Guide | RpNation (that link is our live site on xenforo and all those codes were made by us for our community).

We mostly got them working on Discourse here: GitHub - RpNation/discourse-rpn-bbcode

But we had issues with inline bbcodes inside of block codes:

[block][inline]text[/inline]
text
[/block]

To get around this we have an inelegant branch Refactor/TextPostProcss that runs a regex replacement after the bbcode parse.

I wanted to know if anyone had any ideas on how improve what we are doing within the confines of Markdown-it and discourse. We were thinking of possibly just using an entirely new bbcode parser at some point as an option as well.

For those of you curious, here’s the kind of stuff that some of our users have made with bbcodes on xenforo: Resource - 𝚌𝚊𝚗𝚍𝚢 𝚜𝚔𝚒𝚎𝚜: 𝚝𝚑𝚎 𝚜𝚠𝚎𝚎𝚝 𝚏𝚊𝚌𝚝𝚘𝚛𝚢! | RpNation

It mostly works on Discourse now after our new branch but we haven’t setup a Discourse demo for bbcode yet. (Going to be focusing on the bulk importer and styling first before we return our attention to bbcode as a whole again).

Credit to @Alteras for leading the way on our bbcode project last year. @Ghan as well, though he’s leading the efforts primarily on the bulk importer, I’m just a styling monkey and the guy who owns the site.

Canapin · 5 mei 2022 om 22:14

Can’t say I understand all you said, but maybe this information could interest you?

TheDarkWizard · 5 mei 2022 om 23:24

Unfortunately not, but we already have some leads!

Falco · 6 mei 2022 om 15:03

I wonder if moving from bbcode to html custom elements would make it easier. Would this be feasible?

TheDarkWizard · 6 mei 2022 om 15:15

That is something we’ve definitely thought about and desired in the past, I was not aware that we could extend and whitelist the existing suite of allowed html. We do have a workaround for the issue already but it’s a regex that runs clientside to fix any remaining tag issues.

Any documentation or examples you could point us at?

Falco · 6 mei 2022 om 18:54

github.com/discourse/discourse-footnote

assets/javascripts/lib/discourse-markdown/footnotes.js

683fb3fad

export function setup(helper) {
  helper.registerOptions((opts, siteSettings) => {
    opts.features["footnotes"] = !!siteSettings.enable_markdown_footnotes;
  });

  helper.allowList([
    "ol.footnotes-list",
    "hr.footnotes-sep",
    "li.footnote-item",
    "a.footnote-backref",
    "sup.footnote-ref",
  ]);

  helper.allowList({
    custom(tag, name, value) {
      if ((tag === "a" || tag === "li") && name === "id") {
        return !!value.match(/^fn(ref)?\d+$/);
      }
    },
  });

This file has been truncated. show original

github.com/discourse/discourse-brightcove

assets/javascripts/lib/discourse-markdown/discourse-brightcove.js.es6

2a601490a

function addVideo(buffer, matches, state) {
  const video_id = matches[1];

  let token = new state.Token("div_open", "div", 1);
  token.attrs = [
    ["class", "brightcove-container"],
    ["data-video-id", video_id],
  ];
  buffer.push(token);
  token = new state.Token("div_close", "div", -1);
  buffer.push(token);
}

export function setup(helper) {
  helper.allowList(["div.brightcove-container", "div[data-video-id]"]);

  helper.registerPlugin((md) => {
    const rule = {
      matcher: /\[video=([0-9]+)\]/,
      onMatch: addVideo,

This file has been truncated. show original

github.com/discourse/discourse-graphviz

assets/javascripts/discourse-markdown/discourse-graphviz.js

526a07b10

export function setup(helper) {
  if (!helper.markdownIt) {
    return;
  }

  helper.allowList([
    "div.graphviz",
    "div.graphviz.is-loading",
    "div.graphviz-svg",
  ]);

  helper.registerOptions((opts, siteSettings) => {
    opts.features.graphviz = siteSettings.discourse_graphviz_enabled;
  });

  helper.registerPlugin((md) => {
    if (md.options.discourse.features.graphviz) {
      md.block.bbcode.ruler.push("graphviz", {
        tag: "graphviz",

This file has been truncated. show original

Topic		Antwoorden	Weergaven
Remove BBCode and convert to Markdown Support	4	1992	13 juli 2020
BBCode formatting issue when migrating from Vanilla to Discourse Migration vanilla	11	801	11 december 2020
Best Course of Action on Supporting Custom BBCode? Development	10	2320	24 april 2020
Discourse BBCode Plugin official , bbcode	12	26053	15 december 2025
Formatting posts using markdown, BBCode, and HTML Using Discourse reference	17	17162	26 februari 2026

Hallo Meta, we zijn terug. Laten we het hebben over Markdown-it en BBcode

Gerelateerde topics