'이미지 텍스트 추출' 플러그인을 사용하면, 각종 파일(jpg, png, pdf)에 담겨있는 문자 텍스트와 표의 데이터를 손쉽게 추출하여 에디터에 삽입해 편집이 가능하도록 도와줍니다.

문서 작성 등에서 이미지에 포함된 텍스트나 정보를 활용해야 할 때 유용하게 사용할 수 있습니다.

사이냅 에디터 문서 > 이미지 텍스트 추출 플러그인 > 3.gif

사용방법

플러그인 파일 불러오기

<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 -->
<script src="ocr.min.js의 url"></script>
<link rel="stylesheet" href="ocr.min.css의 url">

툴바에 버튼 추가하기

플러그인 이름인 'ocr'을 사용하여 툴바 영역, 바로 삽입에 버튼을 추가할 수 있습니다.

툴바에 추가

사이냅 에디터 문서 > 이미지 텍스트 추출 플러그인 > image2023-5-26_12-24-16.png

//...
'editor.toolbar': [
	// OCR 버튼
	'ocr',
	//...
],
// ...

바로 삽입에 추가

//...
'editor.quickInsert': [
	// OCR 버튼
	'ocr',
	//...
],
// ...

플러그인 설정

에디터 설정 객체에 OCR API를 사용하기 위한 값들을 설정해야 합니다.

URL, API Key 설정

요청을 보낼 API의 URL과 API Key를 설정합니다. URL은 필수 값입니다.

//...
'ocr.config': { 
    url: 'https://ailab.synap.co.kr/sdk', // 프로모션 기간 중 사용이 가능합니다.
    apiKey: '발급받은 API key'
}
// ...

다이얼로그 높이 설정

OCR 다이얼로그의 높이를 설정합니다.

최소 높이는 300px 입니다.

//...
'ocr.config': { 
    ...
    size: { 'height' : '600px' },
}
// ...

단축키

	Windows	Mac
선택 모드	V	V
이동 모드	H	H
임시 이동 모드	Space	Space
이미지 확대	Ctrl + Mouse Wheel Up	Cmd + Mouse Wheel Up
이미지 축소	Ctrl + Mouse Wheel Down	Cmd + Mouse Wheel Down