README.md in redcarpet-render-html_lazy_img-0.1.0 vs README.md in redcarpet-render-html_lazy_img-0.2.0
- old
+ new
@@ -1,6 +1,11 @@
# Redcarpet::Render::HTMLLazyImg
+[![Build Status on TravisCI](https://travis-ci.org/unasuke/redcarpet-render-html_lazy_img.svg?branch=master)](https://travis-ci.org/unasuke/redcarpet-render-html_lazy_img)
+[![CircleCI](https://circleci.com/gh/unasuke/redcarpet-render-html_lazy_img/tree/master.svg?style=svg)](https://circleci.com/gh/unasuke/redcarpet-render-html_lazy_img/tree/master)
+[![Build Status on GitHub Actions](https://github.com/unasuke/redcarpet-render-html_lazy_img/workflows/test/badge.svg)](https://github.com/unasuke/redcarpet-render-html_lazy_img/actions)
+![RubyGem version](https://badgen.net/rubygems/v/redcarpet-render-html_lazy_img)
+![MIT License](https://badgen.net/github/license/unasuke/redcarpet-render-html_lazy_img)
Specify "loading" attribute value to converted HTML from markdown.
You can choose "lazy", "auto", and "eager" to loading attribite by the custom renderer class in `Redcarpet::Markdown.new`.
## Installation
@@ -23,24 +28,24 @@
$ gem install redcarpet-render-html_lazy_img
```
## Usage
-### loding="lazy"
+### loading="lazy"
```ruby
markdown = Redcarpet::Markdown.new(Redcarpet::Render::HTMLLazyImg::Lazy)
markdown.render('![example image](https://example.com/img.png)')
# => '<p><img loading="lazy" src="https://example.com/img.png" alt="example image" /></p>'
```
-### loding="auto"
+### loading="auto"
```ruby
markdown = Redcarpet::Markdown.new(Redcarpet::Render::HTMLLazyImg::Auto)
markdown.render('![example image](https://example.com/img.png)')
# => '<p><img loading="auto" src="https://example.com/img.png" alt="example image" /></p>'
```
-### loding="eager"
+### loading="eager"
```ruby
markdown = Redcarpet::Markdown.new(Redcarpet::Render::HTMLLazyImg::Eager)
markdown.render('![example image](https://example.com/img.png)')
# => '<p><img loading="eager" src="https://example.com/img.png" alt="example image" /></p>'
```