3.4.5 • Published 8 months ago

dragon-editor v3.4.5

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

stars-src forks-src language-src hits-src issues-src npm-version-src npm-downloads-src NPM Nuxt

DragonEditor

I just made the DragonEditor because I needed the WYSIWYG Editor to write on my blog.

This module support only Nuxt3.

Dependencies

  • @pinia/nuxt
  • highlight.js

Font

If you use Codeblock. I recommented use Inconsolata font. (link)

Install

npm i dragon-edtior
# or
yarn add dragon-editor
# or
bun add dragon-editor

Using

First. Set module

export default defineNuxtConfig({
    modules: ["dragon-editor"],
});

Second. Use Component

<template>
    <div class="editor-area">
        <ClientOnly>
            <DragonEditor ref="$editor" />
        </ClientOnly>
    </div>
</template>

<script setup lang="ts">
    const $editor = ref<DragonEditor>();
</script>

Done!

View Page

<template>
    <div class="view-area">
        <DragonEditorViewer :content="data" />
    </div>
</template>

<script setup lang="ts">
    const data = ref<DEContentData>([]); // content data
</script>

More information is here Document

3.4.5

8 months ago

3.4.0

9 months ago

3.2.2

10 months ago

3.3.0

9 months ago

3.2.1

10 months ago

3.2.0

10 months ago

3.1.1

10 months ago

3.1.0

10 months ago

3.4.4

9 months ago

3.4.3

9 months ago

3.4.2

9 months ago

3.4.1

9 months ago

3.2.3

10 months ago

3.0.2

10 months ago

3.0.1

11 months ago

3.0.0

11 months ago

3.0.0-beta

11 months ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.0

2 years ago

2.0.0

2 years ago

2.0.0-beta.2.1

2 years ago

2.0.0-beta.2.1.2

2 years ago

2.0.0-beta.2.1.1

2 years ago

2.0.0-beta.2

2 years ago

2.0.0-beta.1.1

2 years ago

2.0.0-beta.1.3

2 years ago

2.0.0-beta.1.4

2 years ago

2.0.0-beta.1

2 years ago

1.1.5

4 years ago

1.1.4

4 years ago