https://github.com/lovefields/dragoneditor
DragonEditor is WYSIWYG editor in Nuxt3.
https://github.com/lovefields/dragoneditor
custom eidtor javascript korean nuxt nuxt3 wysiwyg wysiwyg-editor
Last synced: 4 months ago
JSON representation
DragonEditor is WYSIWYG editor in Nuxt3.
- Host: GitHub
- URL: https://github.com/lovefields/dragoneditor
- Owner: lovefields
- License: mit
- Created: 2019-08-17T07:04:01.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2024-10-21T02:42:14.000Z (over 1 year ago)
- Last Synced: 2024-10-22T23:46:09.640Z (over 1 year ago)
- Topics: custom, eidtor, javascript, korean, nuxt, nuxt3, wysiwyg, wysiwyg-editor
- Language: TypeScript
- Homepage:
- Size: 2.68 MB
- Stars: 11
- Watchers: 2
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[stars-src]: https://img.shields.io/github/stars/lovefields/dragonEditor
[stars-href]: https://github.com/lovefields/dragonEditor/stargazers
[issues-src]: https://img.shields.io/github/issues/lovefields/dragonEditor
[issues-href]: https://github.com/lovefields/dragonEditor/issues
[forks-src]: https://img.shields.io/github/forks/lovefields/dragonEditor
[forks-href]: https://github.com/lovefields/dragonEditor/forks
[language-src]: https://img.shields.io/github/languages/top/lovefields/dragonEditor
[language-href]: https://github.com/lovefields/dragonEditor/
[npm-version-src]: https://img.shields.io/npm/v/dragon-editor/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://www.npmjs.com/package/dragon-editor
[npm-downloads-src]: https://img.shields.io/npm/dm/dragon-editor.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://www.npmjs.com/package/dragon-editor
[license-src]: https://img.shields.io/npm/l/dragon-editor
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
[sponsors-src]: https://img.shields.io/github/sponsors/lovefields
[sponsors-href]: https://github.com/sponsors/lovefields
[![stars-src]][stars-href]
[![forks-src]][forks-href]
[![language-src]][language-href]
[![issues-src]][issues-href]
[![npm-version-src]][npm-version-href]
[![npm-downloads-src]][npm-downloads-href]
![NPM][license-src]
[![sponsors-src]][sponsors-href]
[![Nuxt][nuxt-src]][nuxt-href]
# DragonEditor
I just made the DragonEditor because I needed the WYSIWYG Editor to write on my [blog](https://dico.me).
This module support only Nuxt.
# Font
If you use Codeblock. I recommented use `Inconsolata` font. [(link)](https://fonts.google.com/specimen/Inconsolata?query=Inconsolata)
## Install
```shell
npm i dragon-editor
# or
yarn add dragon-editor
# or
bun add dragon-editor
```
## Using
First. Set module
```typescript
export default defineNuxtConfig({
modules: ["dragon-editor"],
});
```
Second. Use Component
```html
const contentData = ref<DEContentData>([]); // Do not modify the value after binding under any circumstances.
```
Done!
## View Page
```html
const data = ref<DEContentData>([]);
```
More information is [here](https://lovefields.github.io/dragonEditor-doc/)
# Sponsors
Support this project by becoming a sponsor. [GitHub Sponsors](https://github.com/sponsors/lovefields)
