How to remove the end slash from the img tag?

Question

Kramdown is now the default markdown renderer for Jekyll 4.0. I would like to know if there is a way to remove the end slash from the img tag.

For example:

![Flowers](flowers.jpg)

<img src="flowers.jpg" alt="Flowers" />

One way until a few months ago was to using Redcarpet, but now is dropped.

How can I do?

Thanks for the support.

It seems that it's hard coded and non configurable (see [kramdown code](https://github.com/gettalong/kramdown/blob/master/lib/kramdown/converter/html.rb#L272)). The only way is to override this method. — David Jacquel, Apr 16 '20 at 18:49
Hi David, thank you. I can override **Kramdown** with a filter or a plugin? — user2008070, Apr 16 '20 at 19:42

score 2 · Answer 1 · answered Apr 17 '20 at 05:01

2

As said in my comment, this trailing slash is hard coded in Kramdown Html converter.

You can override this methods by creating a _plugins/my_img_tag.rb file :

module Kramdown

  module Converter

    class Html < Base

      # Overriding method
      def convert_img(el, _indent)
        "<img#{html_attributes(el.attr)}>"
      end

    end

  end

end

Note : this plugin will not work on Github pages.

answered Apr 17 '20 at 05:01

David Jacquel

51,670
6
121
147

1

So, maybe you can approve this answer ;-) – David Jacquel Apr 17 '20 at 18:03
Yes David :) - I don't understand why *Kramdown* inserts the end slash. In 2020 we still need the /> on tags? – user2008070 Apr 18 '20 at 09:51
It's optionnal. See https://stackoverflow.com/questions/7366344/do-we-still-need-end-slashes-in-html5 – David Jacquel Apr 18 '20 at 19:02
Ok, but I expect from Kramdown/Jekyll a way to disable XHTML. I want 100% control in final output. For example, Hugo provide this functionality. – user2008070 Apr 19 '20 at 14:07

Alexandre Trindade · Answer 2 · 2020-04-16T19:45:06.083

0

You can use regular expressions for this:

The regex below catches what we want:

(<img)(.*\n*\t*\s*)(\/>)

Then, you can do a replace of the 3rd group:

$1$2>

I've tested with a few variations of the tag img:

Test using Sublime Text

edited Apr 16 '20 at 19:45

answered Apr 16 '20 at 18:53

Alexandre Trindade

1
2

Oi Alexandre, obrigado. Mas eu utilizo markdown com **Jekyll**, portanto a sua sugestão não me ajuda. Como respondeu o David acima, preciso sovrescrever o Kramdown. O problema é como faze-lo. – user2008070 Apr 16 '20 at 19:47

How to remove the end slash from the img tag?

2 Answers2