instead of a
by default.\n // so we change the paragraph rule.\n paragraph: {\n ...defaultRules.paragraph,\n react: (node, output, state) => (\n
{output(node.content, state)}
\n ),\n },\n // Automatically convert URLs to
tags.\n url: defaultRules.url,\n // custom [link](http://url/) to open in new tab\n link: {\n ...defaultRules.link,\n react: (node, output, state) => (\n \n {output(node.content, state)}\n \n ),\n },\n // img tags \n image: defaultRules.image,\n // _italic_\n simpleItalic: {\n ...defaultRules.em,\n match: inlineRegex(/^_([\\s\\S]+?)_(?!_)/),\n },\n // *bold*\n simpleBold: {\n ...defaultRules.strong,\n match: inlineRegex(/^\\*([\\s\\S]+?)\\*(?!\\*)/),\n },\n // ~~strikethrough~~\n del: defaultRules.del,\n // * list \\n\\n\n // 1. no list \\n\\n\n list: defaultRules.list,\n // Convert newlines to
.\n br: {\n ...defaultRules.br,\n match: (source) => /^\\n/.exec(source),\n react: (node, output, state) =>
,\n },\n // Parse plain text, but don't eat newlines that aren't preceded by two spaces or another newline\n // like defaultRules.text does, because we want to allow single newlines to be converted to
\n // tags without requiring two spaces at the end of the line like Markdown.\n //\n // NOTE: With simple-markdown the `text` rule must match anything that none of your other rules\n // should match or else parsing might fail with an error that no rules matched the text. This\n // means that you might have to update the regex for `text` any time you update another rule,\n // making it potentially difficult to maintain.\n text: {\n ...defaultRules.text,\n match: inlineRegex(TEXT_MATCH),\n },\n // NOTE: the br and text rules should always both appear at the end of any parsers made with these\n // rules, so the br rule can \"eat\" all newlines and the text rule can eat all other characters. If\n // these rules aren't included, then there may be no rules to fall back on and parsing may fail.\n};\n\nexport const markupParser = parserFor(customRules);\n\nexport const reactRenderer = reactFor(ruleOutput(customRules, 'react'));\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport injectSheet from 'react-jss';\nimport {\n BLUE_A,\n BLUE_B,\n} from '../constants/Colors';\nimport { reportError } from './reportError';\nimport { markupParser, reactRenderer } from './parser';\n\nconst jssStyles = {\n default: {\n '& p': {\n margin: '1em 0',\n },\n '& img': {\n maxWidth: '100%',\n height: 'auto',\n margin: '1em 0',\n verticalAlign: 'bottom',\n },\n '& em': {\n fontWeight: 'normal',\n fontStyle: 'italic',\n },\n '& strong': {\n fontWeight: 'bold',\n fontStyle: 'normal',\n },\n '& a': {\n color: BLUE_A,\n },\n '& a:hover': {\n color: BLUE_B,\n },\n '& ul': {\n paddingLeft: '1.5em',\n margin: '1em 0',\n listStyleType: 'disc',\n },\n '& ol': {\n paddingLeft: '1.5em',\n margin: '1em 0',\n listStyleType: 'decimal',\n },\n },\n};\n\nconst FormattedBlockText = ({\n text,\n classes,\n showError = false,\n}) => {\n try {\n // “Note that since many rules expect blocks to end in \"\\n\\n\",\n // we append that to source input manually,\n // in addition to specifying inline: false (inline: false is technically optional\n // for all of the default rules, which assume inline is false if it is undefined).”\n // Source: https://github.com/Khan/simple-markdown#putting-it-all-together\n const parseTree = markupParser(`${text}\\n\\n`, { inline: false });\n const outputResult = reactRenderer(parseTree);\n return (\n
\n {outputResult}\n