Skip to content

Example of how to use N1ED in React framework with using TypeScript

License

Notifications You must be signed in to change notification settings

edsdk/n1ed-react-typescript-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sample N1ED + TinyMCE usage in React app (TypeScript)

This project is a sample how to create a new React app and integrate TinyMCE 6 with N1ED into it.

This will allow you to edit HTML easily with help of TinyMCE and a lot of widgets provided by N1ED.

How to run

Install all required modules into node_modules by running the command:

npm i

Now to run it type in console:

npm run start

Then open into your browser http://localhost:3000 and check N1ED is started.

In your own project do not forget to set your own N1ED API key. This will link your N1ED to configuration you will visually build in N1ED Dashboard.

How it was created:

You can do the same when creating your own app.

Console commands:

npm install -g create-react-app
create-react-app n1ed-react-typescript-example --use-npm --template typescript
cd n1ed-react-typescript-example
npm i --save @edsdk/n1ed-react

Then src/App.tsx file was modified to include N1ED editor into the application.

About

Example of how to use N1ED in React framework with using TypeScript

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages