Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

릴리즈 3.0.0 이상

생성형 이미지 AI DALL-E를 연동해 자동으로 이미지를 생성하여 콘텐츠 생성을 지원합니다.


툴바에 버튼 추가하기

AI에게 이미지를 요청하는 버튼을 툴바 영역, 벌룬, 바로 삽입, 메뉴 영역에 추가할 수 있습니다.

툴바에 추가 

synapeditor.config.js
//...
'editor.toolbar': [
	// AI 이미지 요청하기 버튼
    'openImageAI',
    // ...
],
// ...

바로 삽입에 추가

synapeditor.config.js
//...
'editor.quickInsert': [
	// AI 이미지 요청하기 버튼
    'openImageAI',
    // ...
],
// ...

config 설정

AI 글 작성 도우미 플러그인을 3.0.0 버전 이상에서 사용하려면 아래와 같이 설정해 주셔야 합니다.

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 객체에 설정)

KeyType필수기본값설명
urlstringO''
  • 요청을 보낼 URL을 설정합니다.
    • OpenAI의 API 주소
    • OpenAI의 API로 요청을 하도록 구현한 URL
  • 설정이 되지 않으면 툴바에 플러그인 버튼이 표시되지 않습니다.
apiKeystring
''
  • OpenAI에서 발급받은 API Key를 설정합니다.
  • 해당 설정을 사용하게 되면 브라우저에 Key 값이 노출되기 때문에, Key 값을 설정하지 않고 서버를 통해 요청을 할 수 있도록 하는 것이 안전합니다. 
areaSizeObject

{ width: 300, height: 340 }

  • 프롬프트 및 미리보기 창 기본 사이즈를 설정합니다. (단위: px)
  • 최소 사이즈 이하로 설정 시 최소 사이즈로 표현됩니다.
    • 최소 사이즈: { width: 230, height: 120 }

프롬프트 및 미리보기 창 기본 사이즈 설정

synapeditor.config.js
'aiWriteSupporter.config': {
	image: {
		url: '/request',
		areaSize: { width: 320, height: 360 }
		//...
	}
}



  • No labels