|
| 1 | +image |
| 2 | +===== |
| 3 | + |
| 4 | +.. _output_section: |
| 5 | + |
| 6 | +Image directive |
| 7 | +^^^^^^^^^^^^^^^ |
| 8 | + |
| 9 | +.. image:: assets/sphinx.png |
| 10 | + :align: right |
| 11 | + :width: 300px |
| 12 | + |
| 13 | +The `image directive`_ can be used to add images into a document. Images from |
| 14 | +the local documentation directory can be used, as well as embedded images (via |
| 15 | +the data uri schema) or even externally referenced images. This extension takes |
| 16 | +advantage of image formatting capabilities in Confluence. This page should |
| 17 | +render an image floating in the top-right of the page. Adding a paragraph to |
| 18 | +help visualize the floating image element. |
| 19 | + |
| 20 | +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in gravida dui, |
| 21 | +at finibus sem. Donec at convallis purus, quis pellentesque dolor. Praesent |
| 22 | +sollicitudin eleifend diam, nec iaculis ante semper eu. Cras luctus dolor |
| 23 | +malesuada, vulputate augue tristique, sodales dolor. Fusce vehicula ipsum urna, |
| 24 | +vel ultricies purus tristique non. Nunc placerat ipsum sit amet molestie |
| 25 | +efficitur. Etiam at euismod lectus. Mauris posuere tortor vitae arcu rhoncus, eu |
| 26 | +dapibus ipsum imperdiet. Donec libero metus, interdum quis pretium eu, mattis a |
| 27 | +magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere |
| 28 | +cubilia Curae; Pellentesque condimentum finibus elit, eu tincidunt urna faucibus |
| 29 | +ut. Phasellus vehicula aliquam dolor vel sodales. |
| 30 | + |
| 31 | +Images are typically included inline as follows: |
| 32 | + |
| 33 | +.. raw:: confluence_storage |
| 34 | +
|
| 35 | + <p> |
| 36 | +
|
| 37 | +.. image:: assets/confluence.png |
| 38 | + :align: center |
| 39 | + :alt: alternate text |
| 40 | + |
| 41 | +.. raw:: confluence_storage |
| 42 | +
|
| 43 | + </p> |
| 44 | +
|
| 45 | +Embedded images should be translated by Sphinx and this extension should handle |
| 46 | +these images as well. One of these images is embedded and also one of these |
| 47 | +images links to a target: |
| 48 | + |
| 49 | +.. raw:: confluence_storage |
| 50 | +
|
| 51 | + <p style="text-align: center"> |
| 52 | +
|
| 53 | +.. image:: assets/github.png |
| 54 | + |
| 55 | +.. image:: |
| 56 | + data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAGXRFWH |
| 57 | + RTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAA |
| 58 | + AAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+ID |
| 59 | + x4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3 |
| 60 | + JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZj |
| 61 | + pSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbn |
| 62 | + MjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYW |
| 63 | + RvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS |
| 64 | + 4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZX |
| 65 | + NvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3 |
| 66 | + NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNTE3OEEzMjk5QTAxMUUyOUExNUJDMTA0Nk |
| 67 | + E4OTA0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQTQxNEFCQzk5QTExMUUyOUExNUJDMT |
| 68 | + A0NkE4OTA0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOk |
| 69 | + U1MTc4QTMwOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZG |
| 70 | + lkOkU1MTc4QTMxOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPi |
| 71 | + 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 |
| 131 | + AASUVORK5CYII= |
| 132 | + |
| 133 | +.. image:: assets/github.png |
| 134 | + :target: `output_section`_ |
| 135 | + |
| 136 | +.. raw:: confluence_storage |
| 137 | +
|
| 138 | + </p> |
| 139 | +
|
| 140 | +The following is an example of an SVG image: |
| 141 | + |
| 142 | +.. image:: assets/logo.svg |
| 143 | + :align: center |
| 144 | + |
| 145 | +The following is an example of an image found on an external server (with a |
| 146 | +link target): |
| 147 | + |
| 148 | +.. image:: https://img.shields.io/pypi/v/sphinxcontrib-confluencebuilder.svg |
| 149 | + :target: https://pypi.python.org/pypi/sphinxcontrib-confluencebuilder |
| 150 | + :alt: pip Version |
| 151 | + :align: center |
| 152 | + |
| 153 | +Figure directive |
| 154 | +^^^^^^^^^^^^^^^^ |
| 155 | + |
| 156 | +The `figure directive`_ can be used to add images with captures and legend data |
| 157 | +into a document. |
| 158 | + |
| 159 | +.. figure:: assets/confluence.png |
| 160 | + :alt: Confluence Logo |
| 161 | + :align: left |
| 162 | + |
| 163 | + This is the caption of the figure (a simple paragraph). |
| 164 | + |
| 165 | + The legend consists of all elements *after* the caption. |
| 166 | + |
| 167 | +Another figure but with a centered image and centered caption: |
| 168 | + |
| 169 | +.. figure:: assets/confluence.png |
| 170 | + :alt: Confluence Logo |
| 171 | + :align: center |
| 172 | + |
| 173 | + This is the caption of the figure. |
| 174 | + |
| 175 | +Another figure but with a right-aligned image: |
| 176 | + |
| 177 | +.. figure:: assets/confluence.png |
| 178 | + :alt: Confluence Logo |
| 179 | + :align: right |
| 180 | + :width: 100px |
| 181 | + |
| 182 | + This is the caption of the figure. |
| 183 | + |
| 184 | +Another figure but scaled down: |
| 185 | + |
| 186 | +.. figure:: assets/confluence.png |
| 187 | + :alt: Confluence Logo |
| 188 | + :scale: 50% |
| 189 | + |
| 190 | + This is the caption of the figure. |
0 commit comments