Socket
Socket
Sign inDemoInstall

@toast-ui/editor-plugin-color-syntax

Package Overview
Dependencies
1
Maintainers
2
Versions
10
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.0-alpha to 1.0.0

2

dist/toastui-editor-plugin-color-syntax.js
/*!
* TOAST UI Editor : Color Syntax Plugin
* @version 1.0.0-alpha | Tue Mar 17 2020
* @version 1.0.0 | Wed Mar 18 2020
* @author NHN FE Development Lab <dl_javascript@nhn.com>

@@ -5,0 +5,0 @@ * @license MIT

{
"name": "@toast-ui/editor-plugin-color-syntax",
"version": "1.0.0-alpha",
"version": "1.0.0",
"description": "TOAST UI Editor : Color Syntax Plugin",

@@ -42,3 +42,3 @@ "keywords": [

"@babel/preset-env": "^7.7.7",
"@toast-ui/editor": "^2.0.0-alpha",
"@toast-ui/editor": "^2.0.0",
"babel-loader": "^8.0.6",

@@ -45,0 +45,0 @@ "babel-plugin-istanbul": "^6.0.0",

# TOAST UI Editor : Color Syntax Plugin
> This is a plugin of [TOAST UI Editor](https://github.com/nhn/tui.editor/apps/editor) to color editing text.
> This is a plugin of [TOAST UI Editor](https://github.com/nhn/tui.editor/tree/master/apps/editor) to color editing text.

@@ -29,3 +29,3 @@ [![npm version](https://img.shields.io/npm/v/@toast-ui/editor-plugin-color-syntax.svg)](https://www.npmjs.com/package/@toast-ui/editor-plugin-color-syntax)

The bundle files under the `cdn` folder include all dependencies.
The bundle files include all dependencies of this plugin.

@@ -42,3 +42,3 @@ ```

To use the plugin, `@toast-ui/editor` must be installed.
To use the plugin, [`@toast-ui/editor`](https://github.com/nhn/tui.editor/tree/master/apps/editor) must be installed.

@@ -55,3 +55,3 @@ > Ref. [Getting Started](https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/getting-started.md)

Along with the plugin, the plugin's dependency style must be imported.
Along with the plugin, the plugin's dependency style must be imported. The `color-syntax` plugin has [TOAST UI Color Picker](https://github.com/nhn/tui.color-picker) as a dependency, and you need to add a CSS file of TOAST UI Color Picker.

@@ -80,2 +80,3 @@ #### ES Modules

// ...
import 'tui-color-picker/dist/tui-color-picker.css';

@@ -85,3 +86,3 @@ import Editor from '@toast-ui/editor';

const instance = new Editor({
const editor = new Editor({
// ...

@@ -99,9 +100,20 @@ plugins: [colorSyntax]

```html
<!-- CSS -->
<link
rel="stylesheet"
href="https://uicdn.toast.com/tui-color-picker/latest/tui-color-picker.min.css"
/>
<!-- Script -->
<script src="https://uicdn.toast.com/editor-plugin-color-syntax/latest/toastui-editor-plugin-color-syntax.min.js"></script>
...
<head>
...
<link
rel="stylesheet"
href="https://uicdn.toast.com/tui-color-picker/latest/tui-color-picker.min.css"
/>
...
</head>
<body>
...
<!-- Editor -->
<script src="https://uicdn.toast.com/editor/latest/toastui-editor.min.js"></script>
<!-- Editor's Plugin -->
<script src="https://uicdn.toast.com/editor-plugin-color-syntax/latest/toastui-editor-plugin-color-syntax.min.js"></script>
...
</body>
...
```

@@ -117,3 +129,3 @@

const instance = new Editor({
const editor = new Editor({
// ...

@@ -138,2 +150,3 @@ plugins: [colorSyntax]

// ...
import 'tui-color-picker/dist/tui-color-picker.css';

@@ -148,3 +161,3 @@ import Editor from '@toast-ui/editor';

const instance = new Editor({
const editor = new Editor({
// ...

@@ -151,0 +164,0 @@ plugins: [[colorSyntax, colorSyntaxOptions]]

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc