DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,864 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Export your Medium Articles to Dev.to in 3 clicks
Nil Madhab
Nil Madhab

Posted on

Export your Medium Articles to Dev.to in 3 clicks

A chrome extension that will enable writers to export their Medium articles to the Dev Community with just three clicks.

Photo by Author

If you are a writer and publish your articles regularly on Medium and Dev Community, you must already know that both the platforms have different formatting syntax for writing articles. While Dev Community uses markdown which is a standard format and very popular in the open-source community, Medium has its own format for styling your articles.

If you want to publish the same article on both the platforms, the only way to do it is to write the article twice β€” once for Dev Community and once for Medium. This is cumbersome, requires the writer to have knowledge of both Markdown & Medium’s formatting syntax and takes considerable time.

Medium-to-Dev Chrome Extension

As the name suggests, this Chrome Extension can convert articles from Medium’s Styling format to Markdown. Moreover, the extension is also capable of creating a draft on the Dev Community using the generated Markdown. The following video illustrates: -

In this tutorial, we will create this extension. If you want to use the extension before we begin coding, you can download it from the Chrome Web Store. The Extension is available on the Chrome Web Store: -
Medium to Dev

Steps to use the Extension

  1. Add the extension to Google Chrome using the above-mentioned link on Chrome Web Store.

  2. Open Dev Community’s website and make sure that you are logged in.

  3. Now, open an article on Medium that you have published. You can also open a saved draft.

  4. Click on Extensions *icon located on the right side of *Address Bar. Then, click on Medium to Dev

  5. Now, a pop-up window will open. Once it is loaded, you can see the markdown version of your current article.

  6. Click on the button *Copy to ClipBoard *to copy the markdown.

  7. Click on Open in Dev.to

  8. A new tab will open. Once it is finished loading, you will be able to see the draft for your Dev Article containing the markdown of your current article.

open your article and click on the chrome extension logo

Click on **Copy to Clipboard **button and then Click open to Dev.to button

The markdown will be copied automatically to Dev.to as a new Draft

Click on Preview or Publish and Volia your article is copied

Supports

  1. The github gists is supported which is very useful for developers

  2. Youtube Videos are supported.

Future Enhancements coming soon

  1. Exporting from Friend Link

  2. Some diagrams might not be working, adding support for those.

If you find any bugs or enhancements, feel free to comment here or in chrome dashboard page.

In the next tutorial, we will discuss how we developed the extension and deep dive into the Javascript code.

Top comments (12)

Collapse
 
osam1010 profile image
Osama

You Really saved me a lot of time i spend in rewriting the whole articles again and again, Really Thanks

Collapse
 
dev_starikov profile image
Mikhail Starikov

Looks like it is not working now

Collapse
 
nilmadhabmondal profile image
Nil Madhab Author

If you open your medium articles in edit mode and then click the extension, it will work.

Collapse
 
gabrielsantosba profile image
Gabriel Bahia.

Verdade tbm estou enfrentando erros ao usar, parece que nΓ£o estΓ‘ conseguindo converter a pagina para o que e esperado.

Collapse
 
nilmadhabmondal profile image
Nil Madhab Author

can you please share what is th error you are facing?

Collapse
 
xtrinch profile image
Mojca Rojko

I'm getting

The website site https://medium.com/@mojca.rojko/micro-frontends-using-webpacks-module-federation-with-create-react-app-f6a890600bae may is not supported now.
The error infomation is:SyntaxError: Unexpected token 'h', "html lang="... is not valid JSON
Enter fullscreen mode Exit fullscreen mode
Collapse
 
franiglesias profile image
Fran Iglesias

Wonderful tool. You save my day :-)

Collapse
 
gabrielsantosba profile image
Gabriel Bahia.

Esse e o erro...

Collapse
 
nilmadhabmondal profile image
Nil Madhab Author

If you open your medium articles in edit mode and then click the extension, it will work.

Collapse
 
gabrielsantosba profile image
Gabriel Bahia.

Perfeito, muito obrigado, realmente assim fucionou. GratidΓ£o!

Collapse
 
mariusmuntean profile image
Marius Muntean

Sounds very useful πŸ‘Œ

Collapse
 
manchicken profile image
Michael D. Stemle, Jr.

This how-to guide really helped me this morning. Thank you!

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›