3.4.5 • Published 9 months ago

dragon-editor v3.4.5

Weekly downloads
-
License
MIT
Repository
github
Last release
9 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

9 months ago

3.4.0

10 months ago

3.2.2

11 months ago

3.3.0

10 months ago

3.2.1

11 months ago

3.2.0

11 months ago

3.1.1

11 months ago

3.1.0

11 months ago

3.4.4

10 months ago

3.4.3

10 months ago

3.4.2

10 months ago

3.4.1

10 months ago

3.2.3

11 months ago

3.0.2

11 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