tui-nuxt / editor Goto Github PK

Using UI editor for nuxt, I like to know how I can do:
1- open a dialog and browse server files and folders? is it possible?
2- Upload file to server and receive back url and place it inside the editor? is it possible?
If possible, is there any help link or document on how to?

Thank you

Nuxt 2.8.1

run nuxt
edit nuxt.config.js
save

gives error:
Cannot read property 'codemirror' of undefined

at ModuleContainer.setTuiEditor (/projerct/node_modules/@tui-nuxt/editor/src/index.js:66:26) at ModuleContainer.addModule (/projerct/node_modules/@nuxt/core/dist/core.js:189:34) at promise.then (/projerct/node_modules/@nuxt/utils/dist/utils.js:1796:43)

Nuxt 2.8.1 with @tui-nuxt/editor and nuxt-jsonld gives an error

TypeError: Cannot read property 'find' of undefined at VueComponent.editorOptions (editor.client.js:15)

in file editor.client.js

-> language: this.$metaInfo.meta.find(e => e.hid === 'og:locale').content || 'en_US'

• nuxt-i18n 모듈 사용 시 자동으로 감지하여 호환기능 추가

이미지 업로드를 위해 graphql을 사용하는 콜백을 구현하고자 하는데,
어떻게 사용할 수 있는지 알 수 있을까요?

tui.editor의 옵션항목을 nuxt.config.js에서 변경할 수 있도록 수정

Thank you for development this project. 👍

I found one bug, about importing js file.

when setting exts in nuxt.config.js,

//..
    tui: {
        editor: {
            stylesheet: {
                contents: '~/assets/css/custom-tui-content.css',
                codeHighlight: '~/assets/css/custom-highlight.css',
            },
            exts : ['uml', 'chart', 'table']
        }
    }
//..

after build, look at the following file
.next/tui/editor.client.js

///...
import('tui-editor/dist/tui-editor-extuml')
import('tui-editor/dist/tui-editor-extchart')
import('tui-editor/dist/tui-editor-exttable')
///...

The file name is imported in lowercase.

The real file name is

• tui-editor-extChart.js
• tui-editor-extTable.js
• tui-editor-extUML.js

so, i ran build, have the following bug.

Module not found: Error: Can't resolve 'tui-editor/dist/tui-editor-extchart'
Module not found: Error: Can't resolve 'tui-editor/dist/tui-editor-exttable'
Module not found: Error: Can't resolve 'tui-editor/dist/tui-editor-extuml'

@firefanda
HI. I use @tui-nuxt/editor
But chat not working in nuxtjs.
what settings is mistake?

Version:
1.0.0-alpha.4

nuxt.config.js

  tui: {
    editor: {
      exts: ['colorSyntax','scrollSync', 'chart', 'table', 'uml'],
      stylesheet: {
        editor: 'tui-editor/dist/tui-editor.min.css',
        contents: 'tui-editor/dist/tui-editor-contents.min.css',
        codemirror: 'codemirror/lib/codemirror.css',
        codeHighlight: 'highlight.js/styles/github.css',
        colorPicker: 'tui-color-picker/dist/tui-color-picker.min.css'
      }
    }
  },

and editor.vue

<template>
<TuiEditor
          v-model="editorText"
          mode="markdown"
          preview-style="vertical"
          height="500px"
          :options="editorOptions"
        />
</template>
  data() {
    return {
      editorText: '# This is Viewer.\n Hello World.',
      editorOptions: {
        useCommandShortcut: true,
        usageStatistics: false,
        exts: [
          {
            name: 'chart',
            minWidth: 100,
            maxWidth: 600,
            minHeight: 100,
            maxHeight: 300
          },
          'scrollSync',
          'colorSyntax',
          'uml',
          'mark',
          'table'
        ]
      }
    }
  },

• Add: nuxt.config.js typing