Elena Editor

This is a project to provide various types of editors to front end developers.

Current Progress

• Flow Chart Editor - React

Coming Features

• Monaco Editor

Installation

npm install elena-editor

or

yarn add elena-editor

Documentation

Flow Chart Editor (React)

import { FlowEditor } from "elena-editor";

Props

export interface ElenaNode {
  type: NodeType;
  name: string;
  id: string;
  xPos: number;
  yPos: number;
  isStatic: boolean;
  priority: number;
  inputs?: string[];
  outputs?: string[];
  code?: string;
}

The Flow Chart Editor uses a Node menu to specify which nodes are available to the user. The type of this menu is an array of ElenaNodes, shown above.