juanitofatas / html-pipeline-rouge_filter Goto Github PK

Hi,
I am using this gem and when I render the result, it looks broken:

the code i'm using to render this is:

def markdownify(content)
    pipeline_context = { gfm: true, asset_root: "public/images" }
    pipeline = HTML::Pipeline.new [
      HTML::Pipeline::MarkdownFilter,
      HTML::Pipeline::SanitizationFilter,
      HTML::Pipeline::RougeFilter,
      HTML::Pipeline::MentionFilter,
      HTML::Pipeline::EmojiFilter,
    ], pipeline_context
    pipeline.call(content)[:output].to_s.html_safe
  end

and I call it on:

.media-body
    .media-heading
      %small.pull-right.text-muted= time_ago_in_words comment.created_at
      %h5= comment.user.username
    %p= markdownify comment.comment

any idea what might be the issue?
BTW - inspecting the styles in DevTools doesn't show any additional paddings, spaces, margins or whatever added
Thanks

Continuation from #6.

In HTML, editors like to use     to preserve whitespace. Non-breaking space isn't recognised by Rouge to be same as space, so it does not recognise the syntax properly.

(look at the pink whitespace)

Maybe we should extend the "replace_br" configuration to be more general, "preprocess HTML" or some configuration setting like that, where contiguous non-breaking whitespace is replaced with normal spaces instead?

This is getting pretty nasty.

The
s inside

Here's a example which does not render correctly:

def square(x):    return x \* x