diff --git a/README.md b/README.md index eeebac03bf..e74f01e989 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ [![github release version](https://img.shields.io/github/v/release/nhn/tui.editor.svg?include_prereleases)](https://github.com/nhn/tui.editor/releases/latest) [![npm version](https://img.shields.io/npm/v/@toast-ui/editor.svg)](https://www.npmjs.com/package/@toast-ui/editor) [![license](https://img.shields.io/github/license/nhn/tui.editor.svg)](https://github.com/nhn/tui.editor/blob/master/LICENSE) [![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/nhn/tui.editor/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22) [![code with hearth by NHN](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-NHN-ff1414.svg)](https://github.com/nhn) - + ## 🚩 Table of Contents @@ -54,7 +54,7 @@ TOAST UI Editor provides **Markdown mode** and **WYSIWYG mode**. Depending on th ### Productive Markdown Mode -![markdown](https://user-images.githubusercontent.com/18183560/76675614-7f4be400-65fe-11ea-9c28-94f4501a4325.png) +![markdown](https://user-images.githubusercontent.com/18183560/84381972-d3c62600-ac24-11ea-99e2-9640b0a2bfe8.png) **CommonMark + GFM Specifications** @@ -67,21 +67,21 @@ Today *CommonMark* is the de-facto *Markdown* standard. *GFM (GitHub Flavored Ma ### Easy WYSIWYG Mode -![wysiwyg-1024](https://user-images.githubusercontent.com/18183560/76675616-84109800-65fe-11ea-8bba-0e7775957fe9.png) +![wysiwyg](https://user-images.githubusercontent.com/18183560/84381978-d88ada00-ac24-11ea-8655-3208cb46a8ae.png) * **Table** : Through the context menu of the table, you can add or delete columns or rows of the table, and you can also arrange text in cells. * **Code Block Editor** : The code block area can be edited through the layer popup editor. ### Usability Common UI -![UI](https://user-images.githubusercontent.com/18183560/76941970-4bdfc100-6940-11ea-9a60-94124237fa1e.gif) +![UI](https://user-images.githubusercontent.com/18183560/84381975-d6c11680-ac24-11ea-9816-9cf2aecbdf06.gif) * **Toolbar** : Through the toolbar, you can style or add elements to the document you are editing. * **Copy and Paste** : Paste anything from browser, screenshot, excel, powerpoint, etc. ### Use of Various Extended Functions - Plugins -![plugin](https://user-images.githubusercontent.com/18183560/76677622-c8f2f980-6613-11ea-8410-71844042aeec.png) +![plugin](https://user-images.githubusercontent.com/18183560/84381966-cf9a0880-ac24-11ea-9bb4-1e8a8ca186de.png) CommonMark and GFM are great, but we often need more abstraction. The TOAST UI Editor comes with powerful **Plugins** in compliance with the Markdown syntax. diff --git a/apps/editor/docs/getting-started.md b/apps/editor/docs/getting-started.md index 9381bbb162..1afe036ed2 100644 --- a/apps/editor/docs/getting-started.md +++ b/apps/editor/docs/getting-started.md @@ -144,7 +144,7 @@ const editor = new Editor({ }); ``` -![getting-started-01](https://user-images.githubusercontent.com/18183560/76715294-159f1780-676f-11ea-9107-e334d4ef0eb8.png) +![getting-started-01](https://user-images.githubusercontent.com/37766175/80378030-074c2b80-88d7-11ea-9ade-ac806f34dc8c.png) ```js const editor = new Editor({ @@ -157,7 +157,7 @@ const editor = new Editor({ editor.getHtml(); ``` -![getting-started-02](https://user-images.githubusercontent.com/18183560/76715295-1768db00-676f-11ea-8a94-0ffff3fbe99d.png) +![getting-started-02](https://user-images.githubusercontent.com/37766175/80378283-6447e180-88d7-11ea-9684-ce6742053481.png) The basic options available are: