How to use react-showdown - 4 common examples

To help you get started, we’ve selected a few react-showdown examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ioBroker / ioBroker.docs / engine / front-end / src / Pages / Blog.js View on Github external
color: '#000000'
        }
    },
    info: {
        paddingTop: 10,
        paddingBottom: 20,
    },
    infoEdit: {
        float: 'right',
        textDecoration: 'none',
        color: 'gray'
    },
});


const converter = new Converter();


class Blog extends Router {
    constructor(props) {
        super(props);
        this.state = {
            content: null,
            loadTimeout: false,
            text: ''
        };

        this.load();

        // Give 300ms to load the page. After that show the loading indicator.
        setTimeout(() => !this.state.content && this.setState({loadTimeout: true}), 300);
github mdyna / mdyna-app / app / components / UI / MarkdownText.jsx View on Github external
render() {
    const {
      text, className, minimized, editCard, disableCode,
    } = this.props;
    const input = toClass(otherProps => (
      
    ));
    const converter = new Converter({
      headerLevelStart: 3,
      strikethrough: true,
      tables: true,
      tasklists: true,
      simpleLineBreaks: false,
      smoothLivePreview: false,
      smartIdentationFix: true,
      simplifiedAutoLink: true,
      literalMidWordUnderscores: true,
      openLinksInNewWindow: true,
      extensions: [htmlescape],
      flavor: 'github',
      components: { input },
    });
    let noteText = text && text.length > 300 ? `${text.substring(0, 300)}...` : text;
github ioBroker / ioBroker.docs / engine / front-end / src / Markdown.js View on Github external
marginTop: 5,
        marginBottom: 5,
        borderStyle: 'solid',
        background: '#c4d2de',
        /*&:before': {
            content: '"✋"',
            //borderRadius: '50%',
            //background: '#dedede',
        }*/
    },
    paragraph: {

    }
});

const converter = new Converter({
    emoji: true,
    underline: true,
    strikethrough: true,
    simplifiedAutoLink: true,
    parseImgDimensions: true,
    splitAdjacentBlockquotes: true
});
let title;

const ADAPTER_CARD = ['version', 'authors', 'keywords', 'mode', 'materialize', 'compact'];

const EXPAND_LANGUAGE = {
    en: 'english',
    de: 'german',
    ru: 'russian',
    'zh-cn': 'chinese (simplified)'

react-showdown

Render React components within markdown and markdown as React components!

MIT
Latest version published 3 years ago

Package Health Score

50 / 100
Full package analysis

Popular react-showdown functions