https://github.com/maluramichael/ra-input-markdown

A markdown editor for react-admin
https://github.com/maluramichael/ra-input-markdown

input npm ra-input react react-admin reactjs yarn

Last synced: 6 months ago
JSON representation

A markdown editor for react-admin

• Host: GitHub
• URL: https://github.com/maluramichael/ra-input-markdown
• Owner: maluramichael
• License: mit
• Created: 2019-05-08T21:47:00.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-14T17:25:39.000Z (about 3 years ago)
• Last Synced: 2025-09-11T16:10:22.645Z (7 months ago)
• Topics: input, npm, ra-input, react, react-admin, reactjs, yarn
• Language: JavaScript
• Homepage: https://malura.de
• Size: 1.59 MB
• Stars: 30
• Watchers: 1
• Forks: 6
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# `` for react-admin

[![npm](https://img.shields.io/npm/dm/ra-input-markdown)](https://www.npmjs.com/package/ra-input-markdown) [![npm](https://img.shields.io/npm/v/ra-input-markdown)](https://www.npmjs.com/package/ra-input-markdown)

For editing Markdown with [react-admin](https://github.com/marmelab/react-admin), use the `` component. It uses [react-med](https://github.com/andrerpena/react-mde), a popular React Markdown Editor.

![`` example](/screenshot.png?raw=true)

## Installation

```sh

npm install --save ra-input-markdown

# or

yarn add ra-input-markdown

```

## Usage

```js

import React from 'react';

import {

    DateInput,

    Edit,

    EditButton,

    LongTextInput,

    TextInput,

} from 'react-admin';

import MarkdownInput from 'ra-input-markdown';

const PostTitle = ({ record }) => {

    return Post {record ? `"${record.title}"` : ''};

};

export const PostEdit = (props) => (

    } {...props}>

        

        

        

        

        

    

);

```