<hr/> before an ![image] bug

Expected behavior

Add horizontal ruler right above an image.

Actual behavior

<hr/> (horizontal ruler) html tag right before a markdown image code, messes up with the rendering of the image

How to reproduce

Write or edit a post with markdown like this:

Possible solution

add a blank line (cr) above the markdown image code

• Browser: Chromium
• Operating system: Ubuntu

Spotted by quochuy - Yesterday at 11:27 PM in Discord. "Hi. there seem to be a bug when you add a separator tag <hr/> right before a markdown image code. This messes up with the rendering of the image once published, see my recent post for example: https://staging.busy.org/@quochuy/a-chrome-extension-to-help-with-scam-steemit-websites

[hernandev]

Ok, I gave up the lazy me and did the actual working version of that:

const fixBreaks = function (md, options) {
  md.core.ruler.before('normalize', 'fix-breaks', function (state) {
    state.src = state.src.replace(/>\n/gi, '>\n\n')
  })
}
const parser = new MarkdownIt({ /* options here */ })
parser.use(fixBreaks)

export default plugin

[hernandev]

@Sekhmet I think just having a good ready to use package would be great to help two things: one: avoid reimplementing it everytime someone creates a steem related project, and two, have a good starting point on safe content parsing.

As for condenser, it’s ok, and since from what I know they don’t change things that much, it should be relatively simple to keep it up to date.