이번에는 Vue.js 2.0 이상으로 만든 그래파이트 문서 스타일 리치 텍스트 편집기를 가져왔습니다. Vue.js 2.0 이상을 사용하여 그래파이트 문서 스타일 리치 텍스트 편집기를 만들 때 주의할 점은 무엇인가요? 실제 사례를 살펴보겠습니다. 기존에 사용하던 왕에디터는 저희 회사 에디터들과 PM들의 요구사항을 충족시키지 못하여 사용하는데 문제가 많습니다. 백엔드 관리 시스템 기술 선택이 Vue로 바뀌어서 이런 휠이 생겼습니다;
Function1. 가볍고 빠른 48KB2. 자동으로사진 추가
설명 상자(짧은 책과 유사)3. 복사업로드
, 여러 장의 사진 일괄 업로드5. 간소화된 코드, 2차 개발에 적합6. 모바일 단말기Use
// 安装npm install smeditor// 引入import SMEditor from 'smeditor'// 全局组件Vue.use(SMEditor)// 局部组件components: { 'smeditor': SMEditor }// 使用<smeditor :config='config'></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 중국어 웹사이트의 기타 관련 기사를 참조하세요!