Go Pro Sign Up Login
0 days 0 hrs 0 min 0 sec

Summer Sale

50% off Level Up Pro until you unsubscribe.
Get access to ALL 128 courses on Level Up Tutorials

This is your last chance to get Level Up Pro for $145/year.

or Learn More
Moon Moon

Buy Now and unlock this series

$

39

.99

$

24

.99

yours forever

Become a Pro and unlock everything

$

24

.99

per month

Loading and Editing Our File

In this short video, we’ll be talking about how to edit the Markdown file after it’s loaded. By the end of this tutorial, you’ll have an editor you can load data into and that you can use as a Markdown editor and have the actual Rendered version in it as it is.

Downloads

Become a pro to download code and videos

Comments

Blake

almost 2 years ago

@Andrew 🙌

Andrew

over 2 years ago [edited]

As of version 8.0.0 of react-ace, 'brace' is no longer supported and is replaced by 'ace-builds'.

So to get this tutorial's code to compile, just replace these 3 import statements

import brace from 'brace';

import 'brace/mode/markdown';

import 'brace/theme/dracula';

with these 2

import 'ace-builds/src-noconflict/mode-markdown';

import 'ace-builds/src-noconflict/theme-dracula';

Want to join the conversation?

Become a Pro member today!