Uploaded image for project: 'Bitbucket Data Center'
  1. Bitbucket Data Center
  2. BSERV-8486

Inline images in Markdown files (.md) use border, padding & margin settings that prevent proper HTML layout

    XMLWordPrintable

Details

    Description

      Hi,
      Always when I try to embed images into Markdown (.md) files in Bitbucket Server, the resulting layout in the generated HTML page differs quite a lot from most other Markdown presentations. The biggest issue is that Bitbucket Server adds padding, margin and border CSS styles to the images, which is not done in most other Markdown renderers (e.g. MarkdownPad2 or GitHub).
      I attached a screenshot with the Bitbucket Server generated HTML and the HTML generated by the MarkdownPad 2 editor that I use to create the files, side by side.
      Left is the Bitbucket Server version of the generated HTML/CSS. Right is the MarkdownPad exported HTML/CSS.
      On the left side (Bitbucket Server) all the images are offset and use a border because of the CSS properties that are applied. This disrupts the expected layout of the images in the markdown a lot, you can see the expected layout quite nicely on the right side.
      For a fix I used the chrome dev tools to set padding, margin and border = 0 in the Bitbucket HTML and it fixed the layout of the image that I tried it on (see example in the screenshot),
      Can you please fix the styling of the HTML that is generated by Markdown in Bitbucket Server ... also some other styles look a lot different from e.g. GitHub Markdown in comparison. For example the headings (h1-h6) in GitHub Markdown seem to use a bold font style, where the Bitbucket style does not ... so more consistency with the common Markdown look across all Markdown elements in Bitbucket Server would be nice and improve the reading experience imo.

      Thanks

      Attachments

        Issue Links

          Activity

            People

              lbain Lucy
              b6503da1c731 wsteiner_lgx
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: