Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@edsdk/n1ed-react

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@edsdk/n1ed-react

React integration for N1ED editor

  • 1.0.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
495K
increased by6.72%
Maintainers
1
Weekly downloads
 
Created
Source

Official N1ED React component

Create and edit HTML content with powerful visual page builder based on TinyMCE 5

Q: What can be better than TinyMCE 5?
A: TinyMCE 5 + free set of widgets, custom templates, modern UI and visual configuration: N1ED.

This module will help to integrate N1ED (bundled TinyMCE 5 + all required free add-ons which power up it) into your React app.

Install

With npm installed, run

$ npm install --save @edsdk/n1ed-react

Usage

import {N1ED} from "@edsdk/n1ed-react";


class YourReactComponent {
    
    render() {
        
        return <div>
            Edit the content:
            <N1ED 
                ...options here...
                init={{ /* other settings */ }} 
            />
        </div>;
        
    }
    
}

All the attributes of <N1ED> element are described in offical TinyMCE React docs.

The only difference is:

  • apiKey attribute here is related not to TinyMCE Cloud, but to N1ED cloud and is optional until you need to visually configure it or add some other add-on from N1ED Ecosystem.

  • N1ED has 3 own UI modes (Classic, FullScreen and Dialog).

  • You do not need to define plugins parameter with N1ED value: it is already defined until you specify something another.

Technical details

@edsdk/n1ed-react uses @tinymce/tinymce-react module inside and delegates all calls to TinyMCE, except some special actions it does for initialization of correct environment related to connection with dinamyc CDN (which makes possible configuring your N1ED+TinyMCE instance visually online using Dashboard).

TypeScript support

This module is written with TypeScript and can be used in both JS and TS projects. You do not need to install typings separately, they are built in the project.

License

This module is released under LGPL v3 and free to use in your projects. N1ED itself is also free product.

Keywords

FAQs

Package last updated on 10 Feb 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc