https://github.com/evans-kim/vueuv

Vue User-friendly Editor Used only Vue
https://github.com/evans-kim/vueuv

cms html-editor vue-editor wysiwyg-html-editor

Last synced: about 2 months ago
JSON representation

Vue User-friendly Editor Used only Vue

• Host: GitHub
• URL: https://github.com/evans-kim/vueuv
• Owner: evans-kim
• Created: 2020-11-12T04:43:52.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-05-18T03:04:59.000Z (over 3 years ago)
• Last Synced: 2023-03-02T13:35:40.145Z (almost 2 years ago)
• Topics: cms, html-editor, vue-editor, wysiwyg-html-editor
• Language: JavaScript
• Homepage:
• Size: 20.2 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# VUEUV : Vue User-friendly Editor Used by Vue

## VUEUV 는 무엇입니까?

- Vue 로 만든 WYSIWYG HTML 에디터 입니다.

## 이미 많은 에디터가 있는데 왜 VUEUV 를 써야 하죠?

- Vueuv는 기존의 자바스크립트 에디터를 랩핑한 것이 아니라, 순전히 vue component 의 조합으로 만들어졌습니다.

  - 당신이 가진 Vue 컴포넌트를 아주 쉽게 에디터에 삽입할 수 있습니다. 캐로젤 컴포넌트든지 삽입할 수 있으며 당신이 원하는 컨트롤 핼퍼를 제공할 수 있습니다.

  - 에디터는 뷰 컴포넌트의 조합이므로 어떤 컴포넌트든지 꺼내어 쉽게 커스터마이즈할 수 있습니다. 즉, 각 파트별로 당신의 프로젝트에 주입하여 당신만의 에디터를 구성하기 수월합니다.

  - 주요한 컴포넌트들은 모두 vue-decorator-property를 이용한 typescript 로 구성되어 있어 개발 접근성이 좋습니다.

- Editors.js 와 같이 하나의 트리구조로 통일된 리액티브 모델을 조작하는 것으로 간단하게 업데이트 할 수 있습니다.

  - 이러한 리액티브 트리구조는 데이터 컨트롤이 쉬워집니다. 외부에서 에디터 내부를 변경하기 위해서 어떤 학습이나 구조의 파악이 필요 없고 값을 직접 변경해주기만 하면 됩니다.

- Vueuv는 사용자가 자신이 만든 결과물의 일부분을 저장하는 기능을 제공합니다.

  - 개발자가 제공한 컨덴츠의 스타일을 마음대로 변경하고 이를 조합하여 하나의 템플릿으로 저장하면 이후에 사용자가 이를 불러와 쓸 수 있습니다.  

  - 즉, 개발자는 기능만 제공하면 되고 스타일은 사용자가 마음대로 변형하니 개발자가 만든 컴포넌트의 여백,마진,색상을 바꾸어줄 수고가 줄어 듭니다.

## 데모페이지

- https://evans-kim.github.io/vueuv

  

## 주의사항

- 정식 릴리즈가 아니므로 내부의 코드가 사전에 안내없이 바뀔 수 있습니다.

## 설치방법

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

## Licence

MIT