Vue.js 2.0 이상으로 제작된 그래파이트 문서 스타일 리치 텍스트 편집기

이번에는 Vue.js 2.0 이상으로 만든 그래파이트 문서 스타일 리치 텍스트 편집기를 가져왔습니다. Vue.js 2.0 이상을 사용하여 그래파이트 문서 스타일 리치 텍스트 편집기를 만들 때 주의할 점은 무엇인가요? 실제 사례를 살펴보겠습니다. 기존에 사용하던 왕에디터는 ​​저희 회사 에디터들과 PM들의 요구사항을 충족시키지 못하여 사용하는데 문제가 많습니다. 백엔드 관리 시스템 기술 선택이 Vue로 바뀌어서 이런 휠이 생겼습니다;

Function

1. 가볍고 빠른 48KB

2. 자동으로

사진 추가

설명 상자(짧은 책과 유사)

3. 복사업로드

, 여러 장의 사진 일괄 업로드

4. 경량 백업, 복구, 미리보기

5. 간소화된 코드, 2차 개발에 적합

6. 모바일 단말기

Use

// 安装npm install smeditor// 引入import SMEditor from 'smeditor'// 全局组件Vue.use(SMEditor)// 局部组件components: {  'smeditor': SMEditor
}// 使用<smeditor :config=&#39;config&#39;></smeditor>

Configuration

const config = {  // 
接口
地址
  uploadUrl: '',  // form 里的 filename
  uploadName: '',  // 其他参数
  uploadParams: {},  // 上传成功回调
  uploadCallback: (data) => {    console.log(data)    return 'blob:
https://
fiddle.jshell.net/00a0b0b4-d19a-4860-9796-137692aef36f'
  },  // 上传失败回调, 可选
  uploadFailed: (err) => {    console.log(err)
  }
}

Trust 위 사례의 방법을 숙지하셨으니 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

관련 읽기:

node.js의 경로 모듈에 대한 자세한 설명

Video.js를 사용하여 H5 라이브 방송 인터페이스 구현

위 내용은 Vue.js 2.0 이상으로 제작된 그래파이트 문서 스타일 리치 텍스트 편집기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!