Communities

(DEV) Codidact Meta
(DEV) Codidact Meta
(DEV) Writing
(DEV) Writing
Proposals
Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Markdown image formatting test

+0
−0

Whatever goes here, goes not there, grammar the man said.

This is some alternative candy

I really don't, no never!

This is some alternative candy{ width=20%,height:20px }

Wait, again? Come on, make us something better than this!


It better work this time...

Alternative music?

...RIGHT?

History
Why does this post require attention from curators or moderators?
You might want to add some details to your flag.
Why should this post be closed?

0 comment threads

1 answer

+0
−0

I prefer sticking to Markdown in my own posts, for compatibility for anyone who wants to reuse sections of my posts outside Codidact, but there are already several ways to format posts using the existing HTML classes that Codidact defines (through Co-Design).

Examples

<section class="notice">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

This is some alternative candy


<section class="notice is-success">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

This is some alternative candy


<section class="notice is-warning">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

This is some alternative candy


<section class="notice is-danger">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

This is some alternative candy


<section class="notice has-margin-24">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

This is some alternative candy


<section class="notice has-background-color-white has-border-color-black">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

This is some alternative candy

History
Why does this post require attention from curators or moderators?
You might want to add some details to your flag.

0 comment threads

Sign up to answer this question »