>웹 프론트엔드 >JS 튜토리얼 >Vue.js 2.0 이상으로 제작된 그래파이트 문서 스타일 리치 텍스트 편집기

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

php中世界最好的语言
php中世界最好的语言원래의
2018-03-07 09:34:513943검색

이번에는 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: &#39;&#39;,  // form 里的 filename
  uploadName: &#39;&#39;,  // 其他参数
  uploadParams: {},  // 上传成功回调
  uploadCallback: (data) => {    console.log(data)    return &#39;blob:
https://
fiddle.jshell.net/00a0b0b4-d19a-4860-9796-137692aef36f&#39;
  },  // 上传失败回调, 可选
  uploadFailed: (err) => {    console.log(err)
  }
}

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

관련 읽기:

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.