Get a peek at our latest innovations at Sanity Product Day on Dec 8th →

Markdown input

Official(made by Sanity team)
v3 Ready

By Rune Botten & Espen Hovlandsdal

Markdown input component and schema type. Supports image uploads.

sanity-plugin-markdown

This is a Sanity Studio v2 plugin. For the v3 version, please refer to the v3-branch.

A Markdown editor with preview for Sanity Studio. Supports Github flavored markdown and image uploads. You can either drag image(s) into the editor or click the bottom bar to bring up a file selector. The inserted image(s) has a default width crop in the url which you can change to your liking with the Sanity image pipeline parameters.

Installation

yarn add sanity-plugin-markdown@studio-v2

Next, add "markdown" to sanity.json plugins array:

"plugins": [
  "markdown"
]

Usage

Declare a field in your schema to be markdown

const myDocument = {
  type: "document",
  name: "myDocument",
  fields: [
    {
      type: "markdown",
      description: "A Github flavored markdown field with image uploading",
      name: "bio"
    }
  ]
}

Demo

demo

License

MIT © Sanity.io See LICENSE

Studio Version

This plugin is available for Studio v3 and Studio v2.What are studio versions and which do I choose?

Contributors

Other plugins by authors

Mux input
- has 7 likes

v3 Ready

Upload videos to Mux directly from the studio.

Go to Mux input

Google Maps input

Official(made by Sanity team)
v3 Ready

Use geo-related input types using Google Maps.

Espen Hovlandsdal
Go to Google Maps input

PortableText to React
- has 10 likes

Official(made by Sanity team)

Render PortableText content in React

Espen Hovlandsdal
Go to PortableText to React