Loading…
 None
String updated in the repository |
|
|
None
Source string changed |
= Editing =
== Images == === 1.0 Images === |=Feature|=XWiki Syntax 1.0|=Result |Image from attachment on current page|((( {{info}}See [[Image Macro>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Old%20XWiki%201.0%20syntax%20renderer/Image%20Macro%20%28Radeox%29]] for details{{/info}} {{{{image:img.png}}}} )))|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{{image:img.png|document=Space.Page}}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Images located at URL|{{{https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png === 2.0 Images === |=Feature|=XWiki Syntax 2.0|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:Space.Page@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png {{velocity}}$subHeading XWiki Syntax 2.0 Image Specification $subHeading{{/velocity}} {{info}} The part in ##( )## is required, while the parts in ##{ }## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.0 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. The captioned image may also be wrapped in a link. In this case, the link will contain the image but not the caption. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##http:~/~/path/imageName##**. Example: ##http:~/~/domain.org/path/img.png## ** **Attachment** reference in the form **##~{~{~{wikiName:} space.} page@} (imageName)##** *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. Example: mywiki *** **##space##**: An optional wiki Space name. If no space is specified the current space is used. Example: Main *** **##page##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: WebHome *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[in the HTML standard>>https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element]]. === 2.1 Images === |=Feature|=XWiki Syntax 2.1|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:PageA.PageB@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Prepackaged Icons|{{{image:icon:accept}}}|image:icon:accept {{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}} {{info}} Legend: The parts are ##()## are required, while the parts in ##{}## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.1 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. The captioned image may also be wrapped in a link. In this case, the link will contain the image but not the caption. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##[url:](protocol:~/~/path/imageName)##**. Example: ##http:~/~/domain.org/path/img.png## *** **##url:##** An optional string identifying the image as an URL. *** **##protocol:~/~/path/imageName##**: The URL to the image ** **Attachment**: A reference in the form **##[attach~:]~{~{~{(wikiName):}(spaceNameList).}(pageName)@}(imageName)##** *** **##attach~:##** An optional string identifying the reference as an XWiki Document attachment. *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##. *** **##spaceNameList##**: An optional dot-separated list of wiki Space names. If no space is specified the current space is used. Examples: ##Main##, ##A.B##, ##A.B.C## *** **##pageName##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: ##Welcome## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Page Attachment**: A reference in the form **##pageAttach~:~{~{~{(wikiName):}(pageNameList)/}(imageName)##** *** **##pageAttach~:##** An required string identifying the reference as an XWiki Page attachment. *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##. *** **##pageNameList##**: An optional dot-separated list of wiki page names. If no page is specified the current page is used. Examples: ##Main##, ##A/B##, ##A/B/C## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Icon**: A reference in the form **##icon{{{:(}}}iconName)##**. Example: **##icon:accept##** *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## *** **##data:##** A required string identifying the image as being specified inline using the [[Data URI scheme>>https://en.wikipedia.org/wiki/Data_URI_scheme]]. *** **##content##**: The encoded image. Example: ##{{{image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}## * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[in the HTML standard>>https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element]]. ** **##queryString##**: Allows queries to be passed to the server when creating the download link for the referenced image. Example: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## will fail if the ##width## and ##height## parameters are specified in addition to ##queryString##!**) |
|
None
String updated in the repository |
= Editing =
== Images == === 1.0 Images === |=Feature|=XWiki Syntax 1.0|=Result |Image from attachment on current page|((( {{info}}See [[Image Macro>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Old%20XWiki%201.0%20syntax%20renderer/Image%20Macro%20%28Radeox%29]] for details{{/info}} {{{{image:img.png}}}} )))|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{{image:img.png|document=Space.Page}}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Images located at URL|{{{https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png === 2.0 Images === |=Feature|=XWiki Syntax 2.0|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:Space.Page@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png {{velocity}}$subHeading XWiki Syntax 2.0 Image Specification $subHeading{{/velocity}} {{info}} The part in ##( )## is required, while the parts in ##{ }## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.0 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. The captioned image may also be wrapped in a link. In this case, the link will contain the image but not the caption. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##http:~/~/path/imageName##**. Example: ##http:~/~/domain.org/path/img.png## ** **Attachment** reference in the form **##~{~{~{wikiName:} space.} page@} (imageName)##** *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. Example: mywiki *** **##space##**: An optional wiki Space name. If no space is specified the current space is used. Example: Main *** **##page##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: WebHome *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[in the HTML standard>>https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element]]. === 2.1 Images === |=Feature|=XWiki Syntax 2.1|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:PageA.PageB@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Prepackaged Icons|{{{image:icon:accept}}}|image:icon:accept {{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}} {{info}} Legend: The parts are ##()## are required, while the parts in ##{}## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.1 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. The captioned image may also be wrapped in a link. In this case, the link will contain the image but not the caption. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##[url:](protocol:~/~/path/imageName)##**. Example: ##http:~/~/domain.org/path/img.png## *** **##url:##** An optional string identifying the image as an URL. *** **##protocol:~/~/path/imageName##**: The URL to the image ** **Attachment**: A reference in the form **##[attach~:]~{~{~{(wikiName):}(spaceNameList).}(pageName)@}(imageName)##** *** **##attach~:##** An optional string identifying the reference as an XWiki Document attachment. *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##. *** **##spaceNameList##**: An optional dot-separated list of wiki Space names. If no space is specified the current space is used. Examples: ##Main##, ##A.B##, ##A.B.C## *** **##pageName##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: ##Welcome## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Page Attachment**: A reference in the form **##pageAttach~:~{~{~{(wikiName):}(pageNameList)/}(imageName)##** *** **##pageAttach~:##** An required string identifying the reference as an XWiki Page attachment. *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##. *** **##pageNameList##**: An optional dot-separated list of wiki page names. If no page is specified the current page is used. Examples: ##Main##, ##A/B##, ##A/B/C## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Icon**: A reference in the form **##icon{{{:(}}}iconName)##**. Example: **##icon:accept##** *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## ** **Icon**: A reference in the form **##icon{{{:(}}}iconName)##**. Example: **##icon:accept##** *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## ** **Data URI**: A reference in the form **##(data{{{:)}}}(content)##**. Example: **##{{{data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}##** *** **##data:##** A required string identifying the image as being specified inline using the [[Data URI scheme>>https://en.wikipedia.org/wiki/Data_URI_scheme]]. *** **##content##**: The encoded image. Example: ##{{{image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}## * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[in the HTML standard>>https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element]]. ** **##queryString##**: Allows queries to be passed to the server when creating the download link for the referenced image. Example: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## will fail if the ##width## and ##height## parameters are specified in addition to ##queryString##!**)
= Editing =
== Images == {{comment}}please do not translate the sub headlines{{/comment}} === 1.0 Images === |=Formateringstyp|=XWiki syntax 1.0|=Resultat |Bild från bilaga till aktuell sida|((( {{info}}Se [[bildmakrot>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Old%20XWiki%201.0%20syntax%20renderer/Image%20Macro%20%28Radeox%29]] för detaljer{{/info}} {{{{image:img.png}}}} )))|image:XWiki.XWikiSyntaxImages@img.png |Bild från bilaga i annat dokument|{{{{image:img.png|document=Rum.Sida}}}}|image:XWiki.XWikiSyntaxImages@img.png |Bild med parametrar|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Bild från URL|{{{http://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png === 2.0 Images === |=Formateringstyp|=XWiki syntax 2.0|=Resultat |Bild från bilaga till aktuell sida|{{{image:img.png}}}|image::XWiki.XWikiSyntaxImages@img.png |Bild från bilaga i annat dokument|{{{image:Rum.Sida@img.png}}}|image::XWiki.XWikiSyntaxImages@img.png |Bild med parametrar|{{{[[image:img.png||width="25" height="25"]]}}}|[[image::XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Bild från URL|{{{image:http://some/url/img.png}}}|image::XWiki.XWikiSyntaxImages@img.png {{velocity}}$subHeading XWiki Syntax 2.0 bildspecifikation $subHeading{{/velocity}} {{info}} Delarna inom ##( )## är obligatoriska och delarna inom ##{ }## får utelämnas. {{/info}} Det fullständiga formatet för bilder är antingen **##image~: (referens)##** eller **##~[~[image~: (referens) {||parametrar}]]##** * **##image~:##** En obligatorisk sträng som identifierar resursen som en bild. * **##referens##**: Referensen till bilden som skall visas på ett av följande format: ** **URL**: En URL till en bild på formatet **##http:~/~/sökväg/bildnamn##**. Exempel: ##http:~/~/domän.org/sökväg/bild.png## ** **Bilaga** referens på formatet **##~{~{~{wikinamn:} rum.} sida@} (bildnamn)##** *** **##wikiNamn##**: En sträng (vilken kan utelämnas) som anger namnet på den virtuella wikin. Bildreferensen kommer att peka på en bild inuti den namngivna wikin. Exempel: ##minwiki## *** **##rum##**: Ett rum i wikin. Om inget anges används det aktuella rummet, dvs samma rum som sidan som innehåller länken. Exempel: ##Main## *** **##sida##**: En sträng (vilken kan utelämnas) som anger namnet på sidan som bildbilagan tillhör. Exempel: ##WebHome## *** **##bildnamn##**: En obligatorisk sträng som anger namnet på bildbilagan. (Notera att XWiki ibland ändrar filnamnet på filer som laddas upp som bilaga.) * **##parametrar##**: En utelämnings bar lista separerad av blankstegstecken med parametrar till bilden. Exempel: ##width="800" height="600" alt="img.png" title="Min fina bild"## ** **HTML-attribut**: Alla attribut definierade i HTML-standarden för taggen ##<img>## kan användas. *** **##style##**: CSS-stilinformation som skall appliceras på bilden. Exempel: ##style="float:right;height:50"## (bilden till höger, höjd 50 pixlar), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (bilden centrerad, bredd 80% av blockbredden), ##style="vertical-align:bottom"## (texten ställs i linje med bildens nederkant) *** **##height##**: Parameter som anger höjden på bilden vid visning. Värdet kan anges antingen i pixlar (exempel: ##height="80"##) eller relativt höjden på bildens omgivande block (exempel: ##height="40%"##). *** **##width##**: Parameter som anger bredden på bilden vid visning. Värdet kan anges antingen i pixlar (exempel: ##height="80"##) eller relativt bredden på bildens omgivande block (exempel: ##height="40%"##). *** **##title##**: Parameter som anger texten som blir synlig då muspekaren hålls över bilden. Exempel: ##title="Min fina bild"## *** **##alt##**: Parameter som anger ersättningstext om webbläsaren ej kan visa bilder. Eftersom denna parameter är obligatorisk i HTML kommer XWiki att använda filnamnet istället om denna parameter utelämnas. Exempel: ##alt="img.png"## *** **Mer**: En mer omfattande beskrivning av HTML-taggen ##<img>## inklusive fler attribut kan man läsa om [[på w3.org>>http://www.w3.org/TR/html4/struct/objects.html#h-13.2]]. === 2.1 Images === |=Formateringstyp|=XWiki syntax 2.1|=Resultat |Bild från bilaga till aktuell sida|{{{image:img.png}}}|image::XWiki.XWikiSyntaxImages@img.png |Bild från bilaga i annat dokument|{{{image:Rum.Sida@img.png}}}|image::XWiki.XWikiSyntaxImages@img.png |Bild med parametrar|{{{[[image:img.png||width="25" height="25"]]}}}|[[image::XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Bild från URL|{{{image:http://some/url/img.png}}}|image::XWiki.XWikiSyntaxImages@img.png |Ikon|{{{image:icon:accept}}}|image:icon:accept {{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}} {{info}} Delarna inom ##( )## är obligatoriska och delarna inom ##{ }## får utelämnas. {{/info}} Det fullständiga formatet för bilder är antingen **##image~: (referens)##** eller **##~[~[image~: (referens) {||parametrar}]]##** * **##image~:##** En obligatorisk sträng som identifierar resursen som en bild. * **##referens##**: Referensen till bilden som skall visas på ett av följande format: ** **URL**: En URL till en bild på formatet **##http:~/~/sökväg/bildnamn##**. Exempel: ##http:~/~/domän.org/sökväg/bild.png## ** **Bilaga** referens på formatet **##~{~{~{wikinamn:} rum.} sida@} (bildnamn)##** *** **##wikiNamn##**: En sträng (vilken kan utelämnas) som anger namnet på den virtuella wikin. Bildreferensen kommer att peka på en bild inuti den namngivna wikin. Exempel: ##minwiki## *** **##rum##**: Ett rum i wikin. Om inget anges används det aktuella rummet, dvs samma rum som sidan som innehåller länken. Exempel: ##Main## *** **##sida##**: En sträng (vilken kan utelämnas) som anger namnet på sidan som bildbilagan tillhör. Exempel: ##WebHome## *** **##bildnamn##**: En obligatorisk sträng som anger namnet på bildbilagan. (Notera att XWiki ibland ändrar filnamnet på filer som laddas upp som bilaga.) ** **Ikon** referens på formatet **##{{{(icon:)}}} (ikonnamn)##**. Exempel: **##icon:accept##** *** **##icon:##** En obligatorisk sträng som identifierar bildreferensen som en ikon från [[XWikis ikonsamling>>http://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##ikonnamn##**: En obligatorisk sträng som anger namnet på ikonen. Exempel: ##accept## * **##parametrar##**: En utelämnings bar lista separerad av blankstegstecken med parametrar till bilden. Exempel: ##width="800" height="600" alt="img.png" title="Min fina bild"## ** **HTML-attribut**: Alla attribut definierade i HTML-standarden för taggen ##<img>## kan användas. *** **##style##**: CSS-stilinformation som skall appliceras på bilden. Exempel: ##style="float:right;height:50"## (bilden till höger, höjd 50 pixlar), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (bilden centrerad, bredd 80% av blockbredden), ##style="vertical-align:bottom"## (texten ställs i linje med bildens nederkant) *** **##height##**: Parameter som anger höjden på bilden vid visning. Värdet kan anges antingen i pixlar (exempel: ##height="80"##) eller relativt höjden på bildens omgivande block (exempel: ##height="40%"##). *** **##width##**: Parameter som anger bredden på bilden vid visning. Värdet kan anges antingen i pixlar (exempel: ##height="80"##) eller relativt bredden på bildens omgivande block (exempel: ##height="40%"##). *** **##title##**: Parameter som anger texten som blir synlig då muspekaren hålls över bilden. Exempel: ##title="Min fina bild"## *** **##alt##**: Parameter som anger ersättningstext om webbläsaren ej kan visa bilder. Eftersom denna parameter är obligatorisk i HTML kommer XWiki att använda filnamnet istället om denna parameter utelämnas. Exempel: ##alt="img.png"## *** **Mer**: En mer omfattande beskrivning av HTML-taggen ##<img>## inklusive fler attribut kan man läsa om [[på w3.org>>http://www.w3.org/TR/html4/struct/objects.html#h-13.2]]. ** **##queryString##**: Det går även att ange parametrar till nedladdningslänken för bilden. Exempel: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## kommer att misslyckas om både ##width##- och ##height##-parametrarna specificerats utöver ##queryString##!**) |
|
None
Source string changed |
= Editing =
== Images == === 1.0 Images === |=Feature|=XWiki Syntax 1.0|=Result |Image from attachment on current page|((( {{info}}See [[Image Macro>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Old%20XWiki%201.0%20syntax%20renderer/Image%20Macro%20%28Radeox%29]] for details{{/info}} {{{{image:img.png}}}} )))|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{{image:img.png|document=Space.Page}}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Images located at URL|{{{https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png === 2.0 Images === |=Feature|=XWiki Syntax 2.0|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:Space.Page@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png {{velocity}}$subHeading XWiki Syntax 2.0 Image Specification $subHeading{{/velocity}} {{info}} The part in ##( )## is required, while the parts in ##{ }## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.0 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. The captioned image may also be wrapped in a link. In this case, the link will contain the image but not the caption. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##http:~/~/path/imageName##**. Example: ##http:~/~/domain.org/path/img.png## ** **Attachment** reference in the form **##~{~{~{wikiName:} space.} page@} (imageName)##** *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. Example: mywiki *** **##space##**: An optional wiki Space name. If no space is specified the current space is used. Example: Main *** **##page##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: WebHome *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[in the HTML standard>>https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element]]. === 2.1 Images === |=Feature|=XWiki Syntax 2.1|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:PageA.PageB@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Prepackaged Icons|{{{image:icon:accept}}}|image:icon:accept {{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}} {{info}} Legend: The parts are ##()## are required, while the parts in ##{}## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.1 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. The captioned image may also be wrapped in a link. In this case, the link will contain the image but not the caption. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##[url:](protocol:~/~/path/imageName)##**. Example: ##http:~/~/domain.org/path/img.png## *** **##url:##** An optional string identifying the image as an URL. *** **##protocol:~/~/path/imageName##**: The URL to the image ** **Attachment**: A reference in the form **##[attach~:]~{~{~{(wikiName):}(spaceNameList).}(pageName)@}(imageName)##** *** **##attach~:##** An optional string identifying the reference as an XWiki Document attachment. *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##. *** **##spaceNameList##**: An optional dot-separated list of wiki Space names. If no space is specified the current space is used. Examples: ##Main##, ##A.B##, ##A.B.C## *** **##pageName##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: ##Welcome## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Page Attachment**: A reference in the form **##pageAttach~:~{~{~{(wikiName):}(pageNameList)/}(imageName)##** *** **##pageAttach~:##** An required string identifying the reference as an XWiki Page attachment. *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##. *** **##pageNameList##**: An optional dot-separated list of wiki page names. If no page is specified the current page is used. Examples: ##Main##, ##A/B##, ##A/B/C## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Icon**: A reference in the form **##icon{{{:(}}}iconName)##**. Example: **##icon:accept##** *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## ** **Icon**: A reference in the form **##icon{{{:(}}}iconName)##**. Example: **##icon:accept##** *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## ** **Data URI**: A reference in the form **##(data{{{:)}}}(content)##**. Example: **##{{{data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}##** *** **##data:##** A required string identifying the image as being specified inline using the [[Data URI scheme>>https://en.wikipedia.org/wiki/Data_URI_scheme]]. *** **##content##**: The encoded image. Example: ##{{{image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}## * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[in the HTML standard>>https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element]]. ** **##queryString##**: Allows queries to be passed to the server when creating the download link for the referenced image. Example: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## will fail if the ##width## and ##height## parameters are specified in addition to ##queryString##!**) |
|
None
Source string changed |
= Editing =
== Images == === 1.0 Images === |=Feature|=XWiki Syntax 1.0|=Result |Image from attachment on current page|((( {{info}}See [[Image Macro>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Image+Macro+%28Radeox%29]] for details{{/info}} {{{{image:img.png}}}} )))|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{{image:img.png|document=Space.Page}}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Images located at URL|{{{https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png === 2.0 Images === |=Feature|=XWiki Syntax 2.0|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:Space.Page@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png {{velocity}}$subHeading XWiki Syntax 2.0 Image Specification $subHeading{{/velocity}} {{info}} The part in ##( )## is required, while the parts in ##{ }## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.0 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##http:~/~/path/imageName##**. Example: ##http:~/~/domain.org/path/img.png## ** **Attachment** reference in the form **##~{~{~{wikiName:} space.} page@} (imageName)##** *** **##wikiName##**: An optional string containing the name of a *** **##space##**: An optional wiki Space name. If no space is specified the current space is used. Example: Main *** **##page##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: WebHome *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[ === 2.1 Images === |=Feature|=XWiki Syntax 2.1|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:PageA.PageB@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Prepackaged Icons|{{{image:icon:accept}}}|image:icon:accept {{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}} {{info}} Legend: The part {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.1 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##[url:](protocol:~/~/path/imageName)##**. Example: ##http:~/~/domain.org/path/img.png## *** **##url:##** An optional string identifying the image as an URL. *** **##protocol:~/~/path/imageName##**: The URL to the image ** **Attachment**: A reference in the form **##[attach~:]~{~{~{(wikiName):} *** **##attach~:##** An optional string identifying the reference as an XWiki Document attachment. *** **##wikiName##**: An optional string containing the name of a *** **##spaceNameList##**: An optional dot-separated list of wiki Space names. If no space is specified the current space is used. Examples: ##Main##, ##A.B##, ##A.B.C## *** **##pageName##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: ##Welcome## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** ** *** **##pageAttach~:##** An required string identifying the reference as an XWiki Page attachment. *** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##. *** **##pageNameList##**: An optional dot-separated list of wiki page names. If no page is specified the current page is used. Examples: ##Main##, ##A/B##, ##A/B/C## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Icon**: A reference in the form **##icon{{{:(}}}iconName)##**. Example: **##icon:accept##** *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## ** **Icon**: A reference in the form **##icon{{{:(}}}iconName)##**. Example: **##icon:accept##** *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## ** **Data URI**: A reference in the form **## *** **##data:##** A required string identifying the image as being specified inline using the [[Data URI scheme>>https://en.wikipedia.org/wiki/Data_URI_scheme]]. *** **##content##**: The encoded image. Example: ##{{{image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}## * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[ ** **##queryString##**: Allows queries to be passed to the server when creating the download link for the referenced image. Example: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## will fail if the ##width## and ##height## parameters are specified in addition to ##queryString##!**) |
|
None
Source string changed |
= Editing =
== Images == === 1.0 Images === |=Feature|=XWiki Syntax 1.0|=Result |Image from attachment on current page|((( {{info}}See [[Image Macro>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Image+Macro+%28Radeox%29]] for details{{/info}} {{{{image:img.png}}}} )))|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{{image:img.png|document=Space.Page}}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Images located at URL|{{{https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png === 2.0 Images === |=Feature|=XWiki Syntax 2.0|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:Space.Page@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png {{velocity}}$subHeading XWiki Syntax 2.0 Image Specification $subHeading{{/velocity}} {{info}} The part in ##( )## is required, while the parts in ##{ }## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.0 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##http:~/~/path/imageName##**. Example: ##http:~/~/domain.org/path/img.png## ** **Attachment** reference in the form **##~{~{~{wikiName:} space.} page@} (imageName)##** *** **##wikiName##**: An optional string containing the name of a *** **##space##**: An optional wiki Space name. If no space is specified the current space is used. Example: Main *** **##page##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: WebHome *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[ === 2.1 Images === |=Feature|=XWiki Syntax 2.1|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:PageA.PageB@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]]))) |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Prepackaged Icons|{{{image:icon:accept}}}|image:icon:accept {{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}} {{info}} Legend: The part {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##** * **##caption##**: An optional caption. May contain arbitrary XWiki 2.1 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##[url:](protocol:~/~/path/imageName)##**. Example: ##http:~/~/domain.org/path/img.png## *** **##url:##** An optional string identifying the image as an URL. *** **##protocol:~/~/path/imageName##**: The URL to the image ** **Attachment**: A reference in the form **##[attach~:]~{~{~{(wikiName):} *** **##attach~:##** An optional string identifying the reference as an XWiki attachment. *** **##wikiName##**: An optional string containing the name of a *** **##spaceNameList##**: An optional dot-separated list of wiki Space names. If no space is specified the current space is used. Examples: ##Main##, ##A.B##, ##A.B.C## *** **##pageName##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: ##Welcome## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Icon**: A reference in the form **## *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## ** **Data URI**: A reference in the form **## *** **##data:##** A required string identifying the image as being specified inline using the [[Data URI scheme>>https://en.wikipedia.org/wiki/Data_URI_scheme]]. *** **##content##**: The encoded image. Example: ##{{{image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}## * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[ ** **##queryString##**: Allows queries to be passed to the server when creating the download link for the referenced image. Example: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## will fail if the ##width## and ##height## parameters are specified in addition to ##queryString##!**) |
|
None
Source string changed |
= Editing =
== Images == === 1.0 Images === |=Feature|=XWiki Syntax 1.0|=Result |Image from attachment on current page|((( {{info}}See [[Image Macro>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Image+Macro+%28Radeox%29]] for details{{/info}} {{{{image:img.png}}}} )))|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{{image:img.png|document=Space.Page}}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Images located at URL|{{{https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png === 2.0 Images === |=Feature|=XWiki Syntax 2.0|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:Space.Page@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png {{velocity}}$subHeading XWiki Syntax 2.0 Image Specification $subHeading{{/velocity}} {{info}} The part in ##( )## is required, while the parts in ##{ }## are optional. {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[image~: (reference) {||parameters}]]##** * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##http:~/~/path/imageName##**. Example: ##http:~/~/domain.org/path/img.png## ** **Attachment** reference in the form **##~{~{~{wikiName:} space.} page@} (imageName)##** *** **##wikiName##**: An optional string containing the name of a *** **##space##**: An optional wiki Space name. If no space is specified the current space is used. Example: Main *** **##page##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: WebHome *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[on w3.org>>https://www.w3.org/TR/html4/struct/objects.html#h-13.2]]. === 2.1 Images === |=Feature|=XWiki Syntax 2.1|=Result |Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image from attachment on another page|{{{image:PageA.PageB@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]] |Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png |Prepackaged Icons|{{{image:icon:accept}}}|image:icon:accept {{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}} {{info}} Legend: The part {{/info}} The full format of an image is either **##image~: (reference)##** or **##~[~[image~: (reference) {||parameters}]]##** * **##image~:##** A required string identifying the resource as image. * **##reference##**: The reference to the image that shall be displayed in one of the following forms: ** **URL**: Any URL to an image in the form of **##[url:](protocol:~/~/path/imageName)##**. Example: ##http:~/~/domain.org/path/img.png## *** **##url:##** An optional string identifying the image as an URL. *** **##protocol:~/~/path/imageName##**: The URL to the image ** **Attachment**: A reference in the form **##[attach~:]~{~{~{(wikiName):} *** **##attach~:##** An optional string identifying the reference as an XWiki attachment. *** **##wikiName##**: An optional string containing the name of a *** **##spaceNameList##**: An optional dot-separated list of wiki Space names. If no space is specified the current space is used. Examples: ##Main##, ##A.B##, ##A.B.C## *** **##pageName##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: ##Welcome## *** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png## ** **Icon**: A reference in the form **## *** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** **##iconName##**: A required string identifying the icon referenced. Example: ##accept## ** **Data URI**: A reference in the form **## *** **##data:##** A required string identifying the image as being specified inline using the [[Data URI scheme>>https://en.wikipedia.org/wiki/Data_URI_scheme]]. *** **##content##**: The encoded image. Example: ##{{{image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}## * **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"## ** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag. *** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture) *** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##). *** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##). *** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"## *** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"## *** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[on w3.org>>https://www.w3.org/TR/html4/struct/objects.html#h-13.2]]. ** **##queryString##**: Allows queries to be passed to the server when creating the download link for the referenced image. Example: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## will fail if the ##width## and ##height## parameters are specified in addition to ##queryString##!**) |
shirahara
Source string comment
The block under "** Icon: A reference in the form ##icon{{{:(}}}iconName)##. Example: ##icon:accept##" is duplicated.
petrenkonikita112263
Resolved comment
As update to above comment, here what's duplicated
** Icon: A reference in the form ##icon{{{:(}}}iconName)##. Example: ##icon:accept## *** ##icon:## A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** ##iconName##: A required string identifying the icon referenced. Example: ##accept## ** Icon: A reference in the form ##icon{{{:(}}}iconName)##. Example: ##icon:accept## *** ##icon:## A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]]. *** ##iconName##: A required string identifying the icon referenced. Example: ##accept##
![https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]](https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]){kind=link}
== Images ==
=== 1.0 Images ===
|=Feature|=XWiki Syntax 1.0|=Result
|Image from attachment on current page|(((
{{info}}See [[Image Macro>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Old%20XWiki%201.0%20syntax%20renderer/Image%20Macro%20%28Radeox%29]] for details{{/info}}
{{{{image:img.png}}}}
)))|image:XWiki.XWikiSyntaxImages@img.png
|Image from attachment on another page|{{{{image:img.png|document=Space.Page}}}}|image:XWiki.XWikiSyntaxImages@img.png
|Image with parameters|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]]
|Images located at URL|{{{https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png
=== 2.0 Images ===
|=Feature|=XWiki Syntax 2.0|=Result
|Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png
|Image from attachment on another page|{{{image:Space.Page@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png
|Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]]
|Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]])))
|Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png
{{velocity}}$subHeading XWiki Syntax 2.0 Image Specification $subHeading{{/velocity}}
{{info}}
The part in ##( )## is required, while the parts in ##{ }## are optional.
{{/info}}
The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##**
* **##caption##**: An optional caption. May contain arbitrary XWiki 2.0 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. The captioned image may also be wrapped in a link. In this case, the link will contain the image but not the caption.
* **##image~:##** A required string identifying the resource as image.
* **##reference##**: The reference to the image that shall be displayed in one of the following forms:
** **URL**: Any URL to an image in the form of **##http:~/~/path/imageName##**. Example: ##http:~/~/domain.org/path/img.png##
** **Attachment** reference in the form **##~{~{~{wikiName:} space.} page@} (imageName)##**
*** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. Example: mywiki
*** **##space##**: An optional wiki Space name. If no space is specified the current space is used. Example: Main
*** **##page##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: WebHome
*** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki.
* **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"##
** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag.
*** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture)
*** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##).
*** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##).
*** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"##
*** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"##
*** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[in the HTML standard>>https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element]].
=== 2.1 Images ===
|=Feature|=XWiki Syntax 2.1|=Result
|Image from attachment on current page|{{{image:img.png}}}|image:XWiki.XWikiSyntaxImages@img.png
|Image from attachment on another page|{{{image:PageA.PageB@img.png}}}|image:XWiki.XWikiSyntaxImages@img.png
|Image with parameters|{{{[[image:img.png||width="25" height="25"]]}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]]
|Image with caption|{{{[[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:img.png]]}}}|((([[~[~[XWiki~>~>https://www.xwiki.org~]~] supports captions.>>image:XWiki.XWikiSyntaxImages@img.png]])))
|Images located at URL|{{{image:https://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png
|Prepackaged Icons|{{{image:icon:accept}}}|image:icon:accept
{{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}}
{{info}}
Legend: The parts are ##()## are required, while the parts in ##{}## are optional.
{{/info}}
The full format of an image is either **##image~: (reference)##** or **##~[~[{caption>>}image~: (reference) {||parameters}]]##**
* **##caption##**: An optional caption. May contain arbitrary XWiki 2.1 syntax but nested link syntax must be escaped using ##~~##. The caption is only supported when the image syntax is the only content of a paragraph. The captioned image may also be wrapped in a link. In this case, the link will contain the image but not the caption.
* **##image~:##** A required string identifying the resource as image.
* **##reference##**: The reference to the image that shall be displayed in one of the following forms:
** **URL**: Any URL to an image in the form of **##[url:](protocol:~/~/path/imageName)##**. Example: ##http:~/~/domain.org/path/img.png##
*** **##url:##** An optional string identifying the image as an URL.
*** **##protocol:~/~/path/imageName##**: The URL to the image
** **Attachment**: A reference in the form **##[attach~:]~{~{~{(wikiName):}(spaceNameList).}(pageName)@}(imageName)##**
*** **##attach~:##** An optional string identifying the reference as an XWiki Document attachment.
*** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##.
*** **##spaceNameList##**: An optional dot-separated list of wiki Space names. If no space is specified the current space is used. Examples: ##Main##, ##A.B##, ##A.B.C##
*** **##pageName##**: An optional string containing the name of the wiki page to which the referenced image is attached. Example: ##Welcome##
*** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png##
** **Page Attachment**: A reference in the form **##pageAttach~:~{~{~{(wikiName):}(pageNameList)/}(imageName)##**
*** **##pageAttach~:##** An required string identifying the reference as an XWiki Page attachment.
*** **##wikiName##**: An optional string containing the name of a wiki. The image reference will point to an image attached to a page inside that wiki. If no wiki is specified, the current wiki is used. Example: ##mywiki##.
*** **##pageNameList##**: An optional dot-separated list of wiki page names. If no page is specified the current page is used. Examples: ##Main##, ##A/B##, ##A/B/C##
*** **##imageName##**: A required string containing the name of the image attached to a page as it is stored in the wiki. Example: ##myImage.png##
** **Icon**: A reference in the form **##icon{{{:(}}}iconName)##**. Example: **##icon:accept##**
*** **##icon:##** A required string identifying the image reference as an icon from the [[XWiki Icon Set>>https://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]].
*** **##iconName##**: A required string identifying the icon referenced. Example: ##accept##
** **Data URI**: A reference in the form **##(data{{{:)}}}(content)##**. Example: **##{{{data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}##**
*** **##data:##** A required string identifying the image as being specified inline using the [[Data URI scheme>>https://en.wikipedia.org/wiki/Data_URI_scheme]].
*** **##content##**: The encoded image. Example: ##{{{image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==}}}##
* **##parameters##**: An optional list of space-separated parameters passed to the image. Example: ##width="800" height="600" alt="img.png" title="My nice image"##
** **HTML attributes**: All attributes defined by the HTML standard will be added to the rendered HTML ##<img>## tag.
*** **##style##**: CSS style information that should be applied to the image. Examples: ##style="float:right;height:50"## (image on right side, height 50 px), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (image centered, width 80% of block width), ##style="vertical-align:bottom"## (text starts at bottom of picture)
*** **##height##**: A parameter that defines the height of the displayed image. The value should be presented either in pixel (example: ##height="80"##) or in pixel related to the height of the block containing the image (example: ##height="40%"##).
*** **##width##**: A parameter that defines the width of the displayed image. The value should be presented either in pixel (example: ##width="80"##) or in pixel related to the width of the block containing the image (example: ##width="40%"##).
*** **##title##**: A parameter that defines the title the displayed image which will be visible when hovering the mouse trigger over the image, for instance. Example: ##title="My nice image"##
*** **##alt##**: A parameter that defines which text should be displayed if the browser is not able to display the image. Since this is a required HTML attribute XWiki will use the file name instead if the ##alt## parameter is not defined. Example: ##alt="img.png"##
*** **More**: A more in depth explanation on the HTML ##<img>## tag including more attributes can be reviewed [[in the HTML standard>>https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element]].
** **##queryString##**: Allows queries to be passed to the server when creating the download link for the referenced image. Example: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## will fail if the ##width## and ##height## parameters are specified in addition to ##queryString##!**)
== Images ==
{{comment}}please do not translate the sub headlines{{/comment}}
=== 1.0 Images ===
|=Formateringstyp|=XWiki syntax 1.0|=Resultat
|Bild från bilaga till aktuell sida|(((
{{info}}Se [[bildmakrot>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Old%20XWiki%201.0%20syntax%20renderer/Image%20Macro%20%28Radeox%29]] för detaljer{{/info}}
{{{{image:img.png}}}}
)))|image:XWiki.XWikiSyntaxImages@img.png
|Bild från bilaga i annat dokument|{{{{image:img.png|document=Rum.Sida}}}}|image:XWiki.XWikiSyntaxImages@img.png
|Bild med parametrar|{{{{image:img.png|width=25|height=25}}}}|[[image:XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]]
|Bild från URL|{{{http://some/url/img.png}}}|image:XWiki.XWikiSyntaxImages@img.png
=== 2.0 Images ===
|=Formateringstyp|=XWiki syntax 2.0|=Resultat
|Bild från bilaga till aktuell sida|{{{image:img.png}}}|image::XWiki.XWikiSyntaxImages@img.png
|Bild från bilaga i annat dokument|{{{image:Rum.Sida@img.png}}}|image::XWiki.XWikiSyntaxImages@img.png
|Bild med parametrar|{{{[[image:img.png||width="25" height="25"]]}}}|[[image::XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]]
|Bild från URL|{{{image:http://some/url/img.png}}}|image::XWiki.XWikiSyntaxImages@img.png
{{velocity}}$subHeading XWiki Syntax 2.0 bildspecifikation $subHeading{{/velocity}}
{{info}}
Delarna inom ##( )## är obligatoriska och delarna inom ##{ }## får utelämnas.
{{/info}}
Det fullständiga formatet för bilder är antingen **##image~: (referens)##** eller **##~[~[image~: (referens) {||parametrar}]]##**
* **##image~:##** En obligatorisk sträng som identifierar resursen som en bild.
* **##referens##**: Referensen till bilden som skall visas på ett av följande format:
** **URL**: En URL till en bild på formatet **##http:~/~/sökväg/bildnamn##**. Exempel: ##http:~/~/domän.org/sökväg/bild.png##
** **Bilaga** referens på formatet **##~{~{~{wikinamn:} rum.} sida@} (bildnamn)##**
*** **##wikiNamn##**: En sträng (vilken kan utelämnas) som anger namnet på den virtuella wikin. Bildreferensen kommer att peka på en bild inuti den namngivna wikin. Exempel: ##minwiki##
*** **##rum##**: Ett rum i wikin. Om inget anges används det aktuella rummet, dvs samma rum som sidan som innehåller länken. Exempel: ##Main##
*** **##sida##**: En sträng (vilken kan utelämnas) som anger namnet på sidan som bildbilagan tillhör. Exempel: ##WebHome##
*** **##bildnamn##**: En obligatorisk sträng som anger namnet på bildbilagan. (Notera att XWiki ibland ändrar filnamnet på filer som laddas upp som bilaga.)
* **##parametrar##**: En utelämnings bar lista separerad av blankstegstecken med parametrar till bilden. Exempel: ##width="800" height="600" alt="img.png" title="Min fina bild"##
** **HTML-attribut**: Alla attribut definierade i HTML-standarden för taggen ##<img>## kan användas.
*** **##style##**: CSS-stilinformation som skall appliceras på bilden. Exempel: ##style="float:right;height:50"## (bilden till höger, höjd 50 pixlar), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (bilden centrerad, bredd 80% av blockbredden), ##style="vertical-align:bottom"## (texten ställs i linje med bildens nederkant)
*** **##height##**: Parameter som anger höjden på bilden vid visning. Värdet kan anges antingen i pixlar (exempel: ##height="80"##) eller relativt höjden på bildens omgivande block (exempel: ##height="40%"##).
*** **##width##**: Parameter som anger bredden på bilden vid visning. Värdet kan anges antingen i pixlar (exempel: ##height="80"##) eller relativt bredden på bildens omgivande block (exempel: ##height="40%"##).
*** **##title##**: Parameter som anger texten som blir synlig då muspekaren hålls över bilden. Exempel: ##title="Min fina bild"##
*** **##alt##**: Parameter som anger ersättningstext om webbläsaren ej kan visa bilder. Eftersom denna parameter är obligatorisk i HTML kommer XWiki att använda filnamnet istället om denna parameter utelämnas. Exempel: ##alt="img.png"##
*** **Mer**: En mer omfattande beskrivning av HTML-taggen ##<img>## inklusive fler attribut kan man läsa om [[på w3.org>>http://www.w3.org/TR/html4/struct/objects.html#h-13.2]].
=== 2.1 Images ===
|=Formateringstyp|=XWiki syntax 2.1|=Resultat
|Bild från bilaga till aktuell sida|{{{image:img.png}}}|image::XWiki.XWikiSyntaxImages@img.png
|Bild från bilaga i annat dokument|{{{image:Rum.Sida@img.png}}}|image::XWiki.XWikiSyntaxImages@img.png
|Bild med parametrar|{{{[[image:img.png||width="25" height="25"]]}}}|[[image::XWiki.XWikiSyntaxImages@img.png||width="25" height="25"]]
|Bild från URL|{{{image:http://some/url/img.png}}}|image::XWiki.XWikiSyntaxImages@img.png
|Ikon|{{{image:icon:accept}}}|image:icon:accept
{{velocity}}$subHeading XWiki Syntax 2.1 Image Specification $subHeading{{/velocity}}
{{info}}
Delarna inom ##( )## är obligatoriska och delarna inom ##{ }## får utelämnas.
{{/info}}
Det fullständiga formatet för bilder är antingen **##image~: (referens)##** eller **##~[~[image~: (referens) {||parametrar}]]##**
* **##image~:##** En obligatorisk sträng som identifierar resursen som en bild.
* **##referens##**: Referensen till bilden som skall visas på ett av följande format:
** **URL**: En URL till en bild på formatet **##http:~/~/sökväg/bildnamn##**. Exempel: ##http:~/~/domän.org/sökväg/bild.png##
** **Bilaga** referens på formatet **##~{~{~{wikinamn:} rum.} sida@} (bildnamn)##**
*** **##wikiNamn##**: En sträng (vilken kan utelämnas) som anger namnet på den virtuella wikin. Bildreferensen kommer att peka på en bild inuti den namngivna wikin. Exempel: ##minwiki##
*** **##rum##**: Ett rum i wikin. Om inget anges används det aktuella rummet, dvs samma rum som sidan som innehåller länken. Exempel: ##Main##
*** **##sida##**: En sträng (vilken kan utelämnas) som anger namnet på sidan som bildbilagan tillhör. Exempel: ##WebHome##
*** **##bildnamn##**: En obligatorisk sträng som anger namnet på bildbilagan. (Notera att XWiki ibland ändrar filnamnet på filer som laddas upp som bilaga.)
** **Ikon** referens på formatet **##{{{(icon:)}}} (ikonnamn)##**. Exempel: **##icon:accept##**
*** **##icon:##** En obligatorisk sträng som identifierar bildreferensen som en ikon från [[XWikis ikonsamling>>http://www.famfamfam.com/lab/icons/silk/previews/index_abc.png]].
*** **##ikonnamn##**: En obligatorisk sträng som anger namnet på ikonen. Exempel: ##accept##
* **##parametrar##**: En utelämnings bar lista separerad av blankstegstecken med parametrar till bilden. Exempel: ##width="800" height="600" alt="img.png" title="Min fina bild"##
** **HTML-attribut**: Alla attribut definierade i HTML-standarden för taggen ##<img>## kan användas.
*** **##style##**: CSS-stilinformation som skall appliceras på bilden. Exempel: ##style="float:right;height:50"## (bilden till höger, höjd 50 pixlar), ##style="display:block;margin-left:auto;margin-right:auto;width:80%"## (bilden centrerad, bredd 80% av blockbredden), ##style="vertical-align:bottom"## (texten ställs i linje med bildens nederkant)
*** **##height##**: Parameter som anger höjden på bilden vid visning. Värdet kan anges antingen i pixlar (exempel: ##height="80"##) eller relativt höjden på bildens omgivande block (exempel: ##height="40%"##).
*** **##width##**: Parameter som anger bredden på bilden vid visning. Värdet kan anges antingen i pixlar (exempel: ##height="80"##) eller relativt bredden på bildens omgivande block (exempel: ##height="40%"##).
*** **##title##**: Parameter som anger texten som blir synlig då muspekaren hålls över bilden. Exempel: ##title="Min fina bild"##
*** **##alt##**: Parameter som anger ersättningstext om webbläsaren ej kan visa bilder. Eftersom denna parameter är obligatorisk i HTML kommer XWiki att använda filnamnet istället om denna parameter utelämnas. Exempel: ##alt="img.png"##
*** **Mer**: En mer omfattande beskrivning av HTML-taggen ##<img>## inklusive fler attribut kan man läsa om [[på w3.org>>http://www.w3.org/TR/html4/struct/objects.html#h-13.2]].
** **##queryString##**: Det går även att ange parametrar till nedladdningslänken för bilden. Exempel: ##queryString="width=100&height=800&keepAspectRatio=true"## (**##keepAspectRatio=true## kommer att misslyckas om både ##width##- och ##height##-parametrarna specificerats utöver ##queryString##!**)