Tags plugins showcase
This post is used to show how tag plugins are displayed. See docs for more info.
Table of Contents
- Alert
- Block Quote
- Code Block
- Gist
- Image
- jsFiddle
- Pull Quote
- Highlight text
- Tabbed code block
- Youtube
- Video
- Vimeo
- Wide image
Alert
Read documentation to know how to use Alert tag
Praesent diam elit, interdum ut pulvinar placerat, imperdiet at magna.
Praesent diam elit, interdum ut pulvinar placerat, imperdiet at magna.
Praesent diam elit, interdum ut pulvinar placerat, imperdiet at magna.
Praesent diam elit, interdum ut pulvinar placerat, imperdiet at magna.
Block Quote
Read documentation to know how to use Block Quote tag
Normal blockquote
Praesent diam elit, interdum ut pulvinar placerat, imperdiet at magna.
Quote from a book
Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.
Quote from Twitter
NEW: DevDocs now comes with syntax highlighting. http://devdocs.io
Quote from an article on the web
Every interaction is both precious and an opportunity to delight.
Code Block
Read documentation to know how to use Code Block tag
Normal code block
1 | alert('Hello World!'); |
With caption
1 | array.map(callback[, thisArg]) |
With caption and URL
1 | # rewrite`s rules for wordpress pretty url |
Gist
Read documentation to know how to use Gist tag
Image
Read documentation to know how to use Image tag
jsFiddle
Read documentation to know how to use jsFiddle tag
Pull Quote
Read documentation to know how to use Pull Quote tag
Donec non tempus arcu.
Phasellus adipiscing, mauris nec mollis egestas, ipsum nunc auctor velit, et rhoncus lorem ipsum at ante. Duis vel mauris nulla. Maecenas mattis interdum ante, quis sagittis.
Here is a pullquote left. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempus molestie arcu, et
fringilla mauris placerat ac. Nullam luctus bibendum risus. Ut cursus sed ipsum feugiat egestas. Suspendisse elementum, velit eu consequat consequat, augue lorem dapibus libero, eget pulvinar dolor est sit amet nulla. Suspendisse a porta tortor, et posuere mi. Pellentesque ultricies, mi quis volutpat malesuada, erat felis vulputate nisl, ac congue ante tortor ut ante. Proin aliquam sem vel mauris tincidunt, elementum ullamcorper nisl pretium, ultrices cursus justo. Mauris porttitor commodo eros, ac ornare orci interdum in. Cras fermentum cursus leo sed mattis. In dignissim lorem sem, sit amet elementum mauris venenatis ac.
Here is a pullquote right. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec non tempus arcu. Phasellus adipiscing, mauris nec mollis egestas, ipsum nunc auctor velit, et rhoncus lorem ipsum at ante. Duis vel mauris nulla.
Maecenas mattis interdum ante, quis sagittis nibh cursus et. Nulla facilisi. Morbi convallis gravida tortor, ut fermentum enim gravida et. Nunc vel dictum nisl, non ultrices libero.
Proin vestibulum felis eget orci consectetur lobortis. Vestibulum augue nulla, iaculis vitae augue vehicula,
dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.
Highlight text
Read documentation to know how to use Highlight text tag
highlight red dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight green dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight blue dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight purple dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight orange dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight yellow dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight cyan dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight primary dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight success dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight warning dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.highlight danger dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.
Tabbed code block
Read documentation to know how to use Tabbed code block
- js
- css
- html
1 | function $initHighlight(block, flags) { |
Youtube
Read documentation to know how to use Youtube tag
Video
Read documentation to know how to use Video tag
Vimeo
Read documentation to know how to use Vimeo tag
Wide image
Read documentation to know how to use Wide image tag
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.