Page History

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

툴바에 버튼 추가하기

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

툴바에 추가 

Image RemovedImage Added

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

...

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

config 설정

...

Code Block
language js theme Emacs title synapeditor.config.js
// 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', //... } }

...

사용 가능한 키 (image 객체에 설정)

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

텍스트 생성 AI, 이미지 생성 AI 각각 사이즈를 설정해야 합니다프롬프트와 미리보기 화면이 나타날 크기를 설정할 수 있습니다. 설정을 하지 않으면 기본값({ width: '300px', height: '340px' })이 적용됩니다.

'aiWriteSupporter.config': {
	textimage: {
		url: '/request',
		areaSize: { width: 400'550px', height: 400'220px' }
		//...
	},
	image: {
		url: '/request',
		areaSize: { width: 320, height: 360 }
		//...
	}
}
}