...
생성형 이미지 AI DALL-E를 연동해 자동으로 이미지를 생성하여 콘텐츠 생성을 지원합니다.
툴바에 버튼 추가하기
AI에게 글 작성을 이미지를 요청하는 버튼을 툴바 영역, 벌룬, 바로 삽입, 메뉴 영역에 추가할 수 있습니다.
툴바에 추가
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
//... 'editor.toolbar': [ // AI 요청하기 버튼 'openTextAI', // AI 이미지 요청하기 버튼 'openImageAI', // ... ], // ... |
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
//... 'editor.quickInsert': [ // AI 요청하기 버튼 'openTextAI', // AI 이미지 요청하기 버튼 'openImageAI', // ... ], // ... |
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
// URL과 API Key를 설정하는 경우 'aiWriteSupporter.config': { text: { url: 'https://api.openai.com/v1/chat/completions', apiKey: 'sk-abc123...456xyz', // 브라우저에 노출되므로 안전하지 않음 //... }, image: { url: 'https://api.openai.com/v1/images/generations', apiKey: 'sk-abc123...456xyz', // 브라우저에 노출되므로 안전하지 않음 //... } } // URL만 설정하는 경우 'aiWriteSupporter.config': { text: { url: '/request', //... }, image: { url: '/request', //... } } |
추가로 사용 가능한 키
| Key | Type | 필수 | 기본값 | 설명 | ||
|---|---|---|---|---|---|---|
| areaSize | object | X | text: Object | { width: 380, height: 260}image: {width: 300, height: 340 } |
|
프롬프트 및 미리보기 창 기본 사이즈 설정
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
'aiWriteSupporter.config': { text: { url: '/request', areaSize: { width: 400, height: 400 } //... }, image: { url: '/request', areaSize: { width: 320, height: 360 } //... } } |
...