diff --git a/src/components/editor/editor.tsx b/src/components/editor/editor.tsx index 9b63189bf..7c7082087 100644 --- a/src/components/editor/editor.tsx +++ b/src/components/editor/editor.tsx @@ -8,6 +8,7 @@ import { DocumentTitle } from '../common/document-title/document-title' import { Splitter } from '../common/splitter/splitter' import { InfoBanner } from '../landing/layout/info-banner' import { EditorWindow } from './editor-window/editor-window' +import { editorTestContent } from './editorTestContent' import { MarkdownRenderWindow } from './renderer-window/markdown-render-window' import { EditorMode } from './task-bar/editor-view-mode' import { TaskBar } from './task-bar/task-bar' @@ -17,62 +18,7 @@ export const Editor: React.FC = () => { const { t } = useTranslation() const untitledNote = t('editor.untitledNote') const editorMode: EditorMode = useSelector((state: ApplicationState) => state.editorConfig.editorMode) - const [markdownContent, setMarkdownContent] = useState(`--- -title: Features -description: Many features, such wow! -robots: noindex -tags: codimd, demo, react -opengraph: - title: Features ---- -# Embedding demo -[TOC] - -## MathJax -You can render *LaTeX* mathematical expressions using **MathJax**, as on [math.stackexchange.com](https://math.stackexchange.com/): - -The *Gamma function* satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$ is via the Euler integral - -$$ -x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}. -$$ - -$$ -\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,. -$$ - -> More information about **LaTeX** mathematical expressions [here](https://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference). - -## Blockquote -> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. -> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. -> [color=red] [name=John Doe] [time=2020-06-21 22:50] - -## Slideshare -{%slideshare mazlan1/internet-of-things-the-tip-of-an-iceberg %} - -## Gist -https://gist.github.com/schacon/1 - -## YouTube -https://www.youtube.com/watch?v=KgMpKsp23yY - -## Vimeo -https://vimeo.com/23237102 - -## Asciinema -https://asciinema.org/a/117928 - -## PDF -{%pdf https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf %} - -## Code highlighting -\`\`\`javascript= - -let a = 1 -\`\`\` - -`) + const [markdownContent, setMarkdownContent] = useState(editorTestContent) const isWide = useMedia({ minWidth: 576 }) const [firstDraw, setFirstDraw] = useState(true) const [documentTitle, setDocumentTitle] = useState(untitledNote) diff --git a/src/components/editor/editorTestContent.ts b/src/components/editor/editorTestContent.ts new file mode 100644 index 000000000..c47465897 --- /dev/null +++ b/src/components/editor/editorTestContent.ts @@ -0,0 +1,55 @@ +export const editorTestContent = `--- +title: Features +description: Many features, such wow! +robots: noindex +tags: codimd, demo, react +opengraph: + title: Features +--- +# Embedding demo +[TOC] + +## MathJax +You can render *LaTeX* mathematical expressions using **MathJax**, as on [math.stackexchange.com](https://math.stackexchange.com/): + +The *Gamma function* satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$ is via the Euler integral + +$$ +x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}. +$$ + +$$ +\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,. +$$ + +> More information about **LaTeX** mathematical expressions [here](https://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference). + +## Blockquote +> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. +> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. +> [color=red] [name=John Doe] [time=2020-06-21 22:50] + +## Slideshare +{%slideshare mazlan1/internet-of-things-the-tip-of-an-iceberg %} + +## Gist +https://gist.github.com/schacon/1 + +## YouTube +https://www.youtube.com/watch?v=KgMpKsp23yY + +## Vimeo +https://vimeo.com/23237102 + +## Asciinema +https://asciinema.org/a/117928 + +## PDF +{%pdf https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf %} + +## Code highlighting +\`\`\`javascript= + +let a = 1 +\`\`\` +`