@toast-ui/editor-plugin-color-syntax
Advanced tools
Comparing version 1.0.0-alpha to 1.0.0
/*! | ||
* 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]] |
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
35035
0
158