https://avohq.io/blog/ruby-on-rails-markdown-editor-marksmith Avo CMS for Ruby on Rails applications Avo CMS for Ruby on Rails applications Open main menu Docs Roadmap Pricing Customers Blog Tech Support Sign in - Avo CMS for Ruby on Rails applications Avo CMS for Ruby on Rails applications Close menu Docs Roadmap Pricing Customers Blog Tech Support Sign up Sign in 1. Blog Blog Index > 2. Marksmith - a GitHub-style markdown editor for Ruby on Rails Marksmith - a GitHub-style markdown editor for Ruby on Rails Marksmith - a GitHub-style markdown editor for Ruby on Rails By Adrian Marin - February 03, 2025 Table of contents Share on [linkedin-8] [twitter-2-] [facebook-5] [email-fc55] [szmxurywbb] Developers love GitHub's markdown editor and there's a reason for that. It effortlessly enables us to write simple text and have it transform to rich media. It feels that it has all the right features without in-your-way bells and whistles. This is the editor I wanted to have since forever Today, we are proud to present to you Marksmith. The GitHub-style markdown editor for Ruby on Rails. It supports ActiveStorage and has a few powerhouse features like preview-panel and helper, toolbar, and list-continuation. marksmith.gif Seamless markdown editing I feel that the best way to write markdown is in plain-text. I've used those "markdown wysiwyg" editors like EasyMDE but they just don't feel natural. I think in text, so I want to write text. Let me just write it like that. That's why Marksmith's interface is a plain textarea where you write plain text. No distractions or any fancy post processing. It also features GitHub's markdown-toolbar-element which will help those who need to quickly change the styling. Quick Preview Once I finish writing the markdown I usually click the preview button to see what it would look like and if the body is valid. Marksmith has a built-in preview pane which will render the markdown as HTML. Marksmith comes with a marksmithed helper which will render that content on your show page or other places with the same HTML that you see in your Preview pane. This renderer is easily customizable and extendable in your own app. ActiveStorage integration One of the things I do in editors is to embed media and more often images. Marksmith comes integrated with Rails' amazing ActiveStorage framework for storing files. Drag-and-drop files or click the dedicated button to attach files. Images will automatically be formatted as a markdown image and other files will be attached as a link. List continuation One nice thing I love about GitHub's editor is the list continuation feature. When writing lists, after I click return, I expect that the editor will go on the next line and add a new list item. Marksmith does that! Media Library One request we get very often is the ability to inject images that have previously been uploaded by users, thus not duplicating that content. Marksmith seamlessly integrates with Avo and will feature an "Add from gallery" button to enable that. Thanks I'd like to thank Jeremy Smith for pointing me toward GitHub's toolbar element and other packages and for providing the code for the ActiveStorage integration [?] Also, thank you Jose Farias. I used the release script and some of the patterns he used to package hotwire_combobox. Try it today Marksmith is available on GitHub as an MIT gem. It's an engine that hooks up in any Rails app quickly and integrates beautifully with Avo. https://github.com/avo-hq/marksmith marksmith-gh-og.png Comments open on HN. This was written in a Marksmith field on Avo [?] Latest articles * Rails 8 Authentication * Component variants with the "class_variants" gem * Better image placeholders with blurhash in Active Storage Tags * Markdown * Marksmith * Active storage * Rails * Forms Build your next rails app 10x faster with Avo Avo dashboard showcasing data visualizations through area charts, scatterplot, bar chart, pie charts, custom cards, and others. Find out how Avo can help you build admin experiences with Rails faster, easier and better. Try Avo today Table of contents Share on [linkedin-8] [twitter-2-] [facebook-5] [email-fc55] Footer Avo CMS for Ruby on Rails Helping Rails developers build apps faster since 2020. Twitter GitHub YouTube Solutions * Rails Admin * Jumpstart Pro Template * Bullet Train Template * Solid Queue UI * Blueprints Partners * Short Ruby Newsletter * Super Rails * Friendly.show Links * About * Blog * Pricing * Testimonials * As featured in * Privacy Policy * Terms of Service * Public Community Chat Support * Roadmap * Releases * Contributors * Good first issues * Documentation * Guides * FAQ Your account * Create an account * Check out the demo apps * Subscribe to our newsletter Alternatives * Administrate * Rails Admin * Active Admin * Avo Alternatives E-mail us at hi@avohq.io or book a call Address: 1111B S Governors Ave STE 21078, Dover, DE 19904 Address: Al. Holut Emil nr.4, Bucharest, Romania (c) 2025 AvoHQ Inc. All rights reserved. * Mastodon