Export Your Medium Articles to Dev.to in 3 clicks

Nil Madhab
Apr 4 · 3 min read

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.

Di

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

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: -

Steps to use the Extension

  1. Open Dev Community’s website and make sure that you are logged in.
  2. Now, open an article on Medium that you have published. You can also open a saved draft.
  3. Click on Extensions icon located on the right side of Address Bar. Then, click on Medium to Dev
  4. Now, a pop-up window will open. Once it is loaded, you can see the markdown version of your current article.
  5. Click on the button Copy to ClipBoard to copy the markdown.
  6. Click on Open in Dev.to
  7. 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.

webtutsplus

Best web and mobile development tutorials

Nil Madhab

Written by

Developer @Booking.com | ex: Samsung, OYO | IIT Kharagpur | Entrepreneur, founder of simplecoding.dev | connect me https://twitter.com/Nilmadhabmondal

webtutsplus

Find the best tutorials and courses for the web, mobile. Learn in Java, Python, Sprintboot , Android, Node.Js, SQL, AWS, Docker & more.

Nil Madhab

Written by

Developer @Booking.com | ex: Samsung, OYO | IIT Kharagpur | Entrepreneur, founder of simplecoding.dev | connect me https://twitter.com/Nilmadhabmondal

webtutsplus

Find the best tutorials and courses for the web, mobile. Learn in Java, Python, Sprintboot , Android, Node.Js, SQL, AWS, Docker & more.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store