Table not working in /news article in Hashnode

[AbbeyRenn]

Describe the bug An author recently published an article (this one: https://www.freecodecamp.org/news/how-to-effectively-manage-unique-identifiers-at-scale/) that contained a table at the end, comparing some different tools. The table looked correct in the draft in Hashnode, but once it was published, it looked terrible and wasn't formatted as a table. It looked like this:

The author shared this to try to replace it, and it also didn't work (according to the Hashnode preview): https://gist.github.com/gor8808/943d6cbbf89353354e716f73d677b09d#file-comparison-of-other-unique-identifier-md

To Reproduce Go to the Hashnode editor, copy and paste the table from the above gist in, and click "Preview" - you'll see that it isn't a proper table (looks like this):

https://hashnode.com/draft/66b901a2472b70138041a56e

Expected behavior We just need the table to look like a table with properly aligned/organized info. Here's how it looks in the draft form:

Screenshots See above

Desktop (please complete the following information):

• OS: MacOS Sonoma 14.6.1
• Browser: Chrome
• Version: 127.0.6533.120 (Official Build) (arm64)

Smartphone (please complete the following information): NA

Additional context I've removed the table from the published article at this time, as it didn't look good and would've just confused readers. I'd like to add it back in once we've figured out how to create a table properly in Hashnode.

Hashnode gives this as a guide: https://support.hashnode.com/en/articles/6435291-how-can-i-add-a-table-in-a-blog-post (use markdown formatting) but it doesn't seem to work given what the author used/what I tried in the test draft.

[raisedadead]

We need to confirm if this is an issue with our Preview Service AND/OR with our News SSG or Hashnode itself.

Links:

Hashnode Preview Service:

• https://preview.freecodecamp.org
• https://preview.freecodecamp.org/66b901a2472b70138041a56e
• https://github.com/freeCodeCamp/hashnode-preview
• https://github.com/freeCodeCamp/hashnode-preview/blob/main/src/templates/post.njk

News Repo:

• This repo itself, but you can look at the corresponding code in the templates.

To repro, you can setup the Preview repo locally and use the 66b901a2472b70138041a56e as the id as is and investigate.

[yokomatsud]

It seems the <br> tag inside a table cell is causing the problem in the Hashnode's rich text editor.

I could reproduce the issue outside of the freeCodeCamp publication like this:

Screenshots

 

It happens with either by:

• adding <br> in a Markdown table and copy&paste it into the Hashnode editor
• typing Shift+Enter in the table in the Hashnode editor

However, I could avoid the problem by swiching to the raw markdown editor mode. It seems this options is disabled in the freeCodeCamp publication, though.

Screenshots

 

[raisedadead]

Okay we need to find a workaround for the table, using the rich text editor or use vanilla plain tables: https://support.hashnode.com/en/articles/6423225-markdown-guidelines#h_6933ed665d