02 Aug 2014
  • Lee Johnson
  • 2 mins, 14 secs

Code

Markdown and iDOSEO CMS

With iDOSEO CMS you can edit the content in a web interface called The iDOSEO Panel. Inside this admin interface you can wright all content in Markdown. This gives you a new and better control on your content. And it is very easy to do.

Markdown and iDOSEO Text

Images

If your image is uploaded in the page folder you can wright the code this way.
(image: your-image.jpg)

For push the image to left, add a class left.
(image: your-image.jpg class: left)

For push the image to right, add a class right.
(image: your-image.jpg class: right)

If you have a image inside the content folder.
(image: content/your-image.jpg)

And here for different placement.
(image: http://yourdomain.com/path/to/your-image.jpg)

Image with a link, or a clickable image.
(image: your-image.jpg link: http://domain.com)

Here combining more then one feature.
(image: your-image.jpg link: http://domain.com class: right)

Blockquote

Blockquote it´s very easy.
> And your text that will be the blockquote

And your text that will be the blockquote

Links

For a link anywhere in the text just wright this.
(link: http://domain.com text: iDOSEO Themes)
That makes: iDOSEO Themes

This link pop up in new window.
(link: http://domain.com text: iDOSEO Themes popup: yes)
That makes: iDOSEO Themes

Video and multi media

It is very easy to add video from both YouTube and Vimeo videos.

YouTube
(youtube: http://www.youtube.com/watch?feature=playerembedded&v=oDPJSYKcDo)

Vimeo
(vimeo: http://vimeo.com/8736190)

Ruler

For a horisontal rule separator just add.
****


Lists

Make a list very very easy in markdown.

* List item 1
* List item 2
* List item 3

  • List item 1
  • List item 2
  • List item 3

Text formating

Make a heading 1 by doing the following.
#Demo headline 1

Demo headline 1

Make a heading 2 by doing the following.
##Demo headline 2

Demo headline 2

Make a heading 3 by doing the following.
###Demo headline 3

Demo headline 3

Make a heading 4 by doing the following.
####Demo headline 4

Demo headline 4

Make a heading 5 by doing the following.
#####Demo headline 5

Demo headline 5

Make a heading 6 by doing the following.
######Demo headline 6

Demo headline 6

Normal text formating

To make bold text.
**Your bold text**
This will look: Your bold text

To make italic text.
*Your italic text*
or
_Your alternative italic text_

And that looks like this: Your italic text or Your alternative italic text

Normal text with a little lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sapien velit, rutrum sed sagittis in, venenatis ut lectus. Quisque consequat eleifend arcu nec ultrices. Cras iaculis bibendum odio, non iaculis nulla blandit vitae. Maecenas elit urna, consectetur a tempus quis, suscipit vitae urna. Integer tempus blandit sagittis. Ut ornare mi sed ipsum rutrum mollis.
Nunc bibendum congue orci, sit amet convallis eros lobortis vitae. Nam risus nunc, sodales in dapibus sit amet, cursus sed purus. Vivamus fermentum varius velit quis congue. Donec urna arcu, tempor in congue suscipit, suscipit eget augue. Integer molestie dapibus tempus.