diff --git a/MarkdownSource/markdownsupport.md b/MarkdownSource/markdownsupport.md index 728ceda..b6491b1 100644 --- a/MarkdownSource/markdownsupport.md +++ b/MarkdownSource/markdownsupport.md @@ -59,6 +59,34 @@ Pears|Green Bananas|Yellow Bongo|Bongo... it's a strange color, do you have a minute? It's a bit like the sea, but also a bit like the beach. You know how it is... oh and a bit like the wind too? You see it? Hey! Where're you going?! +###Special attributes +DocNet supports special attributes for Links and Images. Currently this is supported on normal links/image specifications only, e.g.: +``` +![id text](imageurl){.cssclass1 .cssclass2 #idvalue name=value} +``` +which will result in: +```html +id text +``` + +###Image rendering +By default images have no special rendering applied to them. To apply a shadow, specify '.shadowed' as css class in a special attribute specification. +If you want to have an image rendered centered with a note below it, simply specify a title for the image: + +``` +![](mycenteredpicture.jpg "this is a picture") +``` + +will be rendered as: (xxx and yyy are the width/height values of mycenteredpicture.jpg) +```html +
+ +

this is a picture

+
+``` + +All images rendered contain the width/height of the picture file included in the html. + ###Abbreviations There's also support for abbreviations, using the `` HTML tag. diff --git a/css/theme.css b/css/theme.css index 5f461a2..ecc5f03 100644 --- a/css/theme.css +++ b/css/theme.css @@ -324,9 +324,9 @@ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; - box-shadow: 0px 0px 10px rgba(10,10,10,0.3); } + input { line-height: normal; font-size: 100%; @@ -476,8 +476,9 @@ div.figure { text-align: center; } -div.figure img { +img.shadowed, div.figure img { margin: 0 auto; + box-shadow: 0px 0px 10px rgba(10,10,10,0.3); } div.figure p { diff --git a/markdownsupport.htm b/markdownsupport.htm index 04acfcd..57ada4d 100644 --- a/markdownsupport.htm +++ b/markdownsupport.htm @@ -150,6 +150,25 @@ Bongo|Bongo... it's a strange color, do you have a minute? It's a bit like the s +

Special attributes

+

DocNet supports special attributes for Links and Images. Currently this is supported on normal links/image specifications only, e.g.:

+
![id text](imageurl){.cssclass1 .cssclass2 #idvalue name=value}
+

which will result in:

+
<img src="imageurl" alt="id text" id="idvalue" class="cssclass1 cssclass2" name="value" />
+
+ +

Image rendering

+

By default images have no special rendering applied to them. To apply a shadow, specify '.shadowed' as css class in a special attribute specification. +If you want to have an image rendered centered with a note below it, simply specify a title for the image:

+
![](mycenteredpicture.jpg "this is a picture")
+

will be rendered as: (xxx and yyy are the width/height values of mycenteredpicture.jpg)

+
<div class="figure">
+<img src="mycenteredpicture.jpg" title="this is a picture" width="xxx" height="yyy"/>
+<p>this is a picture</p>
+</div>
+
+ +

All images rendered contain the width/height of the picture file included in the html.

Abbreviations

There's also support for abbreviations, using the <abbr> HTML tag.

Specifying:

diff --git a/search_index.json b/search_index.json index 390464c..517cf75 100644 --- a/search_index.json +++ b/search_index.json @@ -27,7 +27,7 @@ { "location": "markdownsupport.htm", "breadcrumbs": "Home / Authoring content / Writing content using Markdown / Markdown support", - "keywords": "1 2 20 20to 42 a A abbr abbreviation abbreviations Abbreviations above actual added AddEntity Additionally after all allow also an and And any Any append Apples are as at Bananas based basic be beach beautifying been below besides Beyond bit block Bongo bottom but by C ca called can Click code codeblock color Color com comes convert couple cs daringfireball default define defined defining definition Definition described description destination do docnet Docnet DocNet document documentation doesn e easy escape example Example examples extended extensions extra Extra extramode F feature file files first fixed folder following font footnote footnotes Footnotes for FransBouma from Fruit FuBar full future g get github GitHub given gives go going Green Gruber has have Hey Highlight highlighting Highlighting highlightjs how How htm HTML http https i If in In included input is it It item Item javascript John js ked know language languages library like link Linking links lists look markdown Markdown markdowndeep MarkdownDeep MarkdownDeepTests marker markers master md means michelf might minute moment more most name neat need net nohighlight not of oh on one ones org page parsed parser Pears php Php PHP Please popular pre present projects Red related rendered Repair respository result results sea see sentence set should simple simply site sized so software space spaces specific specifications specified specify Specifying src standard Standard statements strange style superscript support supported supports syntax system tables Tables tag test testfiles text that the The then There this This through to To too topten toptensoftware transform transformation tree Two unit Up updated url urls use uses using usual var want well Where which will wind with writing www Yellow you You your", + "keywords": "1 2 20 20to 42 a A abbr abbreviation abbreviations Abbreviations above actual added AddEntity Additionally after all All allow also alt an and And any Any append Apples applied apply are as at attribute attributes Bananas based basic be beach beautifying been below besides Beyond bit block Bongo bottom but by By C ca called can centered class Click code codeblock color Color com comes contain convert couple cs css cssclass1 cssclass2 Currently daringfireball default define defined defining definition Definition described description destination div do docnet Docnet DocNet document documentation doesn e easy escape example Example examples extended extensions extra Extra extramode F feature figure file files first fixed folder following font footnote footnotes Footnotes for FransBouma from Fruit FuBar full future g get github GitHub given gives go going Green Gruber has have height Hey Highlight highlighting Highlighting highlightjs how How htm html HTML http https i id idvalue If image Image images Images imageurl img in In included input is it It item Item javascript John jpg js ked know language languages library like link Linking links Links lists look markdown Markdown markdowndeep MarkdownDeep MarkdownDeepTests marker markers master md means michelf might minute moment more most mycenteredpicture name neat need net no nohighlight normal not note of oh on one ones only org p page parsed parser Pears php Php PHP picture Please popular pre present projects Red related rendered rendering Repair respository result results sea see sentence set shadow shadowed should simple simply site sized so software space spaces special Special specific specification specifications specified specify Specifying src standard Standard statements strange style superscript support supported supports syntax system tables Tables tag test testfiles text that the The them then There this This through title to To too topten toptensoftware transform transformation tree Two unit Up updated url urls use uses using usual value values var want well Where which width will wind with writing www xxx Yellow you You your yyy", "title": "Markdown support" }, {