editorjs-social-post-plugin

Social Post Plugin for Editor.js

An Editor.js plugin to add Uploaded Posts from different Social Media Platforms such as:

• Twitter
• Facebook
• Instagram

Screenshots

Twitter Example	Facebook Example

Instagram Example

Features

• Add posts by pasting its URL and selecting the social media platform.
• Add an optional Caption giving more context about the post.
• A preview of the uploaded social media post is presented.
• Error is thrown if post URL is invalid.

Installation

Install via NPM

Get the package

npm i editorjs-social-post-plugin

Include module at your application

import Gist from 'editorjs-social-post-plugin';

Other methods

Manual downloading and connecting

1. Download folder dist from repository
2. Add dist folder to your page.
3. Import main.js file inside the dist folder.

Usage

Add the plugin to the tools property of the Editor.js initial config as a new tool.

import SocialPost from 'editorjs-social-post-plugin';

var editor = EditorJS({
  ...

  tools: {
    ...
    socialPost: SocialPost
  }

  ...
});

Output data

This Plugin/Tool returns data with following format:

Field	Type	Description
socialMediaPlatform	string	selected Social Media Platform
url	string	URL of the Social Media Post added
caption	string	Caption for the post

Example:

{
  "type": "socialPost",
  "data": {
    "socialMediaPlatform": "Instagram",
    "url": "https://www.instagram.com/p/fA9uwTtkSN/",
    "caption": "Cats are so cute! <3"
  }
}