New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

on-codemerge

Package Overview
Dependencies
Maintainers
0
Versions
59
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

on-codemerge

A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product

  • 1.0.28
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
10
decreased by-75%
Maintainers
0
Weekly downloads
 
Created
Source

npm version npm downloads NPM license npm type definitions GitHub Repo stars

on-codemerge

Zero dependencies editor

Docs

logo logo logo

Description

A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product. This intuitive tool is designed for developers of all skill levels.

Installation

To use the editor, include it in your project by importing the main HTMLEditor class and any required plugins.

import { HTMLEditor, ToolbarPlugin, AlignmentPlugin } from 'on-codemerge';

Setup

Initialize the editor by creating an instance of HTMLEditor and passing the target DOM element where the editor should be rendered.

const targetElement = document.getElementById('editor');
const editor = new HTMLEditor(targetElement);

// Register plugins
editor.use(new ToolbarPlugin());
editor.use(new AlignmentPlugin());

// To start the editor
editor.init();

Using Plugins

Plugins can be added to enhance the functionality of the editor. Here's an example of how to add a toolbar plugin.

import { ToolbarPlugin } from 'on-codemerge';

// After initializing the editor
editor.use(new ToolbarPlugin());

Contribution

Contributions to the editor are welcome. Please ensure that custom plugins and features adhere to the project's architecture and coding standards.


For more detailed documentation, please refer to the individual plugin files and the source code of HTMLEditor.

Keywords

FAQs

Package last updated on 13 Jan 2025

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