릴리즈 2.18.0 이상 릴리즈 3.0.0 이상
생성형 이미지 AI DALL-E를 연동해 자동으로 이미지를 생성하여 콘텐츠 생성을 지원합니다.
툴바에 버튼 추가하기
AI에게 이미지를 요청하는 버튼을 툴바 영역, 벌룬, 바로 삽입, 메뉴 영역에 추가할 수 있습니다.
툴바에 추가
synapeditor.config.js
//... 'editor.toolbar': [ // AI 이미지 요청하기 버튼 'openImageAI', // ... ], // ...
바로 삽입에 추가
synapeditor.config.js
//... 'editor.quickInsert': [ // AI 이미지 요청하기 버튼 'openImageAI', // ... ], // ...
config 설정
synapeditor.config.js
// URL과 API Key를 설정하는 경우 'aiWriteSupporter.config': { image: { url: 'https://api.openai.com/v1/images/generations', apiKey: 'sk-abc123...456xyz', // 브라우저에 노출되므로 안전하지 않음 //... } } // URL만 설정하는 경우 'aiWriteSupporter.config': { image: { url: '/request', //... } }
사용 가능한 키 (image 객체에 설정)
Key | Type | 필수 | 기본값 | 설명 |
---|---|---|---|---|
url | string | O | '' |
|
apiKey | string | '' |
| |
areaSize | Object | { width: '300px', height: '340px' } |
|
프롬프트 및 미리보기 창 기본 사이즈 설정
프롬프트와 미리보기 화면이 나타날 크기를 설정할 수 있습니다. 설정을 하지 않으면 기본값({ width: '300px', height: '340px' })이 적용됩니다.
synapeditor.config.js
'aiWriteSupporter.config': { image: { url: '/request', areaSize: { width: '550px', height: '220px' } //... } }
areaSize 설정을 하지 않았을 때 | areaSize 설정을 했을 때 |
---|---|
|
|