TOAST UI Editor : Table Merged Cell Plugin

This is a plugin of TOAST UI Editor to merge table columns.

table-merged-cell

🚩 Table of Contents

Bundle File Structure
Usage npm
Usage CDN

📁 Bundle File Structure

Files Distributed on npm

- node_modules/
  - @toast-ui/
    - editor-plugin-table-merged-cell/
      - dist/
        - toastui-editor-plugin-table-merged-cell.js

Files Distributed on CDN

The bundle files under the cdn folder include all dependencies.

- uicdn.toast.com/
  - editor-plugin-table-merged-cell/
    - latest/
      - toastui-editor-plugin-table-merged-cell.js
      - toastui-editor-plugin-table-merged-cell.min.js

📦 Usage npm

To use the plugin, @toast-ui/editor must be installed.

Ref. Getting Started

Install

$ npm install @toast-ui/editor-plugin-table-merged-cell

Import Plugin

ES Modules

import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell';

CommonJS

const tableMergedCell = require('@toast-ui/editor-plugin-table-merged-cell');

Create Instance

Basic

import Editor from '@toast-ui/editor';
import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell';

const instance = new Editor({
  // ...
  plugins: [tableMergedCell]
});

With Viewer

import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell';

const instance = new Viewer({
  // ...
  plugins: [tableMergedCell]
});

import Editor from '@toast-ui/editor';
import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell';

const instance = Editor.factory({
  // ...
  plugins: [tableMergedCell]
});

🗂 Usage CDN

To use the plugin, the CDN files(CSS, Script) of @toast-ui/editor must be included.

Include Files

<script src="https://uicdn.toast.com/editor-plugin-table-merged-cell/latest/toastui-editor-plugin-table-merged-cell.min.js"></script>

Create Instance

Basic

const { Editor } = toastui;
const { tableMergedCell } = Editor.plugin;

const instance = new Editor({
  // ...
  plugins: [tableMergedCell]
});

With Viewer

const Viewer = toastui.Editor;
const { tableMergedCell } = Viewer.plugin;

const instance = new Viewer({
  // ...
  plugins: [tableMergedCell]
});

const { Editor } = toastui;
const { tableMergedCell } = Editor.plugin;

const instance = Editor.factory({
  // ...
  plugins: [tableMergedCell]
});