DEV Community

A Beginners guide to the DEV editor

Habdul Hazeez on December 14, 2019

As of 04th June 2020, this post is a living document and will be updated as the DEV UI changes. Introduction Welcome, this post is a ...
Collapse
 
code_regina profile image
Code_Regina

Very easy to follow guide on how to customize dev post. When I first started posting I just wanted to get my post out there and I was not aware of all the cool things that can be done with this editor until I saw other people post but I was not sure what they did to get that result. Now I understand and will use the editor to the fullest. Thanks again!!

Collapse
 
ziizium profile image
Habdul Hazeez

You are welcome.

Collapse
 
johirkhan12 profile image
JOHIRKHAN12

Amazing your words will help me to work in the future. Learn more html dd beginnerwebdeveloper.com/blog/html...

Collapse
 
gaberomualdo profile image
Gabe Romualdo • Edited

Great post, learned quite a few DEV editor features I had not heard of before! Thanks so much for featuring me in your explanation of DEV user embed within the editor :).

One editor feature I'm personally really looking forward to trying out (when it is properly released) is DEV polls.

Thanks again for featuring me, and great post!

— Gabriel

Collapse
 
ziizium profile image
Habdul Hazeez

Thanks again for featuring me, and great post!

Thanks, and you are welcome.

Collapse
 
vickilanger profile image
Vicki Langer

Polls would be an awesome addition

Collapse
 
antinomaino profile image
antinomaino

nice article for newbies on dev.thanks for the content.

Collapse
 
jdgamble555 profile image
Jonathan Gamble • Edited

How do I get a codesandbox liquid tag generated from my github url?

For example: codesandbox.io/p/github/jdgamble55...

?

Collapse
 
redbar0n profile image
Magne

But how to add whitespace? The vertical spacing on dev.to is awful. The only way I've found is what you have used in your post, which is to add a horizontal line with <hr>

Collapse
 
sbu_05 profile image
Sibusiso Dlamini

Why do feel like this is better than the dev documentation. Thanks a million! 💯

Collapse
 
ziizium profile image
Habdul Hazeez

You are welcome.

Collapse
 
kshr profile image
Keshar Wakharkar

How to add a video (present on your computer) in your post on Dev.to ?
Please reply as soon as possible.

Collapse
 
ziizium profile image
Habdul Hazeez

I have not tried that before, I'll advise that upload to a video platform that DEV supports like Youtube or Vimeo then you can embed it in your post.

DEV allow you to upload video, like I said earlier I have not used or tried this feature before. Here is the process:

  • Navigate to your dashboard and click Upload Video button:
    DEV upload video button

  • This will bring up another interface that will allow you to select and upload a video from your computer
    DEV upload video interface

Then how can you embed it in your post? I don't know, but I'll find out.

Collapse
 
kshr profile image
Keshar Wakharkar

Thanks, I have uploaded the video according to the aforementioned steps. Waiting for the further steps on adding the video to a post. Thank you!

Collapse
 
peter profile image
Peter Kim Frank

Awesome post!

Collapse
 
ziizium profile image
Habdul Hazeez

Thank you.

Collapse
 
shaijut profile image
Shaiju T • Edited

😄 , Nice. How to embed GIF images ?

Collapse
 
ziizium profile image
Habdul Hazeez

Based on the official editor guide, you embed a GIF image it just like a regular image:

![Alt text of image](put-link-to-image-here)

Mind the following from the docs about GIF images:

When adding GIFs to posts and comments, please note that there is a limit of 200 megapixels per frame/page.

Collapse
 
siddharthshyniben profile image
Siddharth

How do you add a description in the "rich + markdown" post?

Collapse
 
yogeshyadav profile image
Yogesh Yadav

Awesome post! thanks for the content.

Collapse
 
ziizium profile image
Habdul Hazeez

You are welcome 🤗

Collapse
 
abidullah786 profile image
ABIDULLAH786

how to use Accordion while writing blog on dev.to