A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
I'm trying to use SimpleMDE in my Nuxt.js project, but I couldn't make it yet. It would be very appreciated if anyone could share some successful experiences.
Firstly, I installed SimpleMDE by npm i simplemde --save, and then created a js file named simple_mde.js under ~/plugins folder with the following content:
import Vue from "vue";
import SimpleMDE from "simplemde";
// Vue.component("SimpleMDE", SimpleMDE); // I tried this line either.
Vue.use(SimpleMDE);
And then registered this plugin in nuxt.config.js:
plugins: [
{ src: "~/plugins/simple_mde.js" }
],
So, I thought I could use the plugin on the page, here's the code:
Hi,
I'm trying to use SimpleMDE in my Nuxt.js project, but I couldn't make it yet. It would be very appreciated if anyone could share some successful experiences.
Firstly, I installed SimpleMDE by
npm i simplemde --save
, and then created a js file namedsimple_mde.js
under~/plugins
folder with the following content:And then registered this plugin in
nuxt.config.js
:So, I thought I could use the plugin on the page, here's the code:
But I failed with the following error, no clue, and didn't find out any solution for this, could anyone help? Thanks in advance!![Screen Shot 2021-09-14 at 19 16 53](https://user-images.githubusercontent.com/795334/133249045-d7078caf-27b5-49c5-9e26-3c7ad902c33c.png)
BTW, before I integrated SimpleMDE, there's no such error, my website runs correctly.