[AIWriteSupporter] 이미지 생성 AI

2.18.0 버전부터 지원, 3.0.0 버전부터 지원합니다.

참고: OpenAI DALL·E ('dalle') 통합은 중단되었습니다(서비스 종료). 'gpt-image-1'로 전환해야 합니다.

이미지 생성 AI(gpt-image-1 또는 호환되는 이미지 생성 API)를 통합하여 에디터 내용에 대한 이미지를 생성합니다.

1.00

UI

AI에게 이미지를 요청하는 버튼을 툴바, 풍선팝업, 바로 삽입, 메뉴 영역에 추가할 수 있습니다. 버튼 이름은 openImageAI입니다.

툴바

// synapeditor.config.js
'editor.toolbar': [ /* ... */ 'openImageAI' ]

1.00

바로 삽입

// synapeditor.config.js
'editor.quickInsert': [ /* ... */ 'openImageAI' ]

1.00

구성

이미지 AI 설정은 image 키 아래에 있습니다.

// URL + API key (unsafe — key visible in browser)
'aiWriteSupporter.config': {
  image: {
    url: 'https://api.openai.com/v1/images/generations',
    apiKey: 'sk-abc123...456xyz'
  }
}

// URL only (recommended — proxy through server)
'aiWriteSupporter.config': {
  image: { url: '/request' }
}

image 구성 키

키타입필수기본값설명
urlstring✓''요청을 보낼 URL을 설정합니다: OpenAI API 주소 또는 OpenAI API로 요청을 전달하도록 구현한 URL. 설정하지 않으면 플러그인 버튼이 툴바에 표시되지 않습니다.
apiKeystring
''OpenAI에서 발급받은 API 키를 설정합니다 (https://platform.openai.com/account/api-keys). 이 설정을 사용할 경우 키가 브라우저에 노출되므로, 설정하지 않고 서버를 통해 요청을 전달하는 것이 더 안전합니다.
areaSizeobject
{ width: '300px', height: '340px' }프롬프트 및 미리보기 창의 기본 크기를 설정합니다(단위: px). 최소 크기보다 작은 값은 최소 크기로 표시됩니다. 최소 크기: { width: '230px', height: '120px' }.

프롬프트 및 미리보기 창 크기

프롬프트와 미리보기 창이 나타나는 크기를 설정할 수 있습니다. 설정하지 않으면 기본값({ width: '300px', height: '340px' })이 적용됩니다.

'aiWriteSupporter.config': {
  image: {
    url: '/request',
    areaSize: { width: '550px', height: '220px' }
  }
}
기본 크기사용자 지정 크기 (550px × 220px)
areaSize 없이 프롬프트와 미리보기 창이 기본 크기({ width: '300px', height: '340px' })로 나타납니다.areaSize를 사용하면 프롬프트와 미리보기 창이 설정된 크기({ width: '550px', height: '220px' })로 나타납니다.
areasize_default.pngareasize_custom.png