My markdown extension works in preview but not on cooked

Development

AI-generated summary

The original poster, scottf, created a Block BBCode markdown extension for Discourse that works in preview but not after posting. Falco suspected an issue with module imports, but scottf shared the plugin code, which was found to be simple and not importing anything. sam identified the issue as a naming problem and suggested moving the markdown extension to the discourse-markdown directory, which scottf confirmed fixed the issue.

However, sirdavidoff is experiencing a similar problem when trying to override the fence renderer, and carkod also reports the issue despite having the extension in the correct directory (/assets/javascripts/discourse-markdown). carkod suspects that server reloading may be required for the changes to take effect.

1

I have followed these instructions to create a Block BBCode markdown extension for Discourse.

The plugin works when previewing and editing a topic. However, when I actually post the Topic, the raw BBCode mark up appears in the post completely unprocessed.

Is there something I need to do to make sure the plugin operates on posted topics?

2

I’ve had this happen due to importing modules using Javascript import statement, and the differences in paths between the browser and the mini_racer.

Can you share your plugin code so we can help you to debug?

3

Thank you for the reply Rafael.

The plugin’s code is here:

As you can see it is very simple. I am using ES Module imports, but only for adding a button to the editing bar. The Markdown extension (Files · master · Text Blaze / Discourse Snippets · GitLab) doesn’t import anything.

4

I think this is simple naming issue due to:

Move it from markdown-it to the discourse-markdown directory.

5

That fixed it. Thank you Sam.

6

I have the same problem when trying to override the fence renderer (md.renderer.rules.fence) — it works in the preview window, but the default Discourse render is shown after submission.

Here is the code:

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

  helper.allowList(['div.embedded_workflow', 'div.embedded_tip']);

  helper.registerPlugin((md) => {
    md.renderer.rules.fence = function (tokens, idx, options, env, slf) {
      let content = tokens[idx].content;
      return '<div class="embedded_workflow">' +
               '<div class="embedded_tip">Copy and paste this code into n8n to play with the workflow</div>' +
               tokens[idx].content +
             '</div>'
    };
  });

}

You can also see the full plugin structure here. Any help would be greatly appreciated!

7

Did it ever work for you?

In my case, I have it in the right folder /assets/javascripts/discourse-markdown and it is still showing only in the preview.

For some other people, it worked after a while, which makes me think that they reloaded the server. I did that too and no luck.