생성형 AI를 연동해 자동 콘텐츠 생성을 지원하는 AI 글 작성 도우미 플러그인입니다.

업무용 콘텐츠 초안을 자동으로 생성하거나 다양한 편집을 할 수 있어 효율적인 콘텐츠 작성을 할 수 있습니다.

Image AddedImage Removed

목차 

...

지원 브라우저

...

Image Added	Image Added	Image Added	Image Added
Chrome	Edge	Safari	IE
Image Added	Image Added	Image Added	Image Added

• 공식적으로 지원하는 웹 브라우저는 다음과 같습니다.
  • Microsoft Edge 최신버전
  • Google Chrome 최신버전
  • Apple Safari 최신버전Mozilla Firefox 최신버전
• 다른 브라우저에서도 작동할 수는 있지만 모든 기능이 올바르게 작동하지 않을 수 있습니다.
• Internet Explorer 브라우저는 지원하지 않습니다.

...

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

툴바에 추가 

Image RemovedImage Added

//...
'editor.toolbar': [
	// AI 요청하기 버튼
    'openAIInteraction',
	//...
],
// ...

바로 삽입에 추가

Image RemovedImage Added

//...
'editor.quickInsert': [
	// AI 요청하기 버튼
    'openAIInteraction',
	//...
],
// ...

...

플러그인 설정하기

사용 가능한 키

{
    key: 'customPromptKey',
    type: 'prompt', // 또는 'immediately'
    label: {
        ko: 'AI에게메뉴에 전달될 프롬프트. 요약해줘, 내용을 늘려줘, ...보여지는 텍스트',
        en: 'Prompts to be passed to the AI',Label shown in menu'
    },
    prompt: }
}

{{
     key: 'customPromptKey',     typeko: 'group',AI에게 전달될 프롬프트. 요약해줘, 내용을 label: {늘려줘, ...',
        koen: '하위Prompts 메뉴가to 있는be 메뉴',passed to the AI',
     en: 'Menu with submenus'
}
}

{
    key: 'customPromptKey',
    type: 'group',
    label: {
   },     itemsko: ['summarize', 'explanation'하위 메뉴가 있는 메뉴',
...]
        en: 'Menu with submenus'
    },
    items: ['summarize', 'explanation', ...]
}

...

// URL과 API Key를 설정하는 경우
'aiWriteSupporter.config': {
    url: 'https://api.openai.com/v1/chat/completions',
    apiKey: 'sk-abc123...456xyz' // 브라우저에 노출되므로 안전하지 않음
}

// URL만 설정하는 경우
'aiWriteSupporter.config': {
    url: '/request'
}

Request Body 설정

API 요청 시 추가로 필요한 값들을 설정합니다. 설정할 수 있는 값들은 아래 링크에서 확인할 수 있습니다.

https://platform.openai.com/docs/api-reference/completions/create

사용할 생성형 AI에 맞춰 아래와 같이 설정합니다.

OpenAI GPT 설정

// RequestURL과 bodyAPI 설정Key를 설정하는 경우
'aiWriteSupporter.config': {
    urlai: 'urlgpt',
    apiKeyurl: 'apiKeyhttps://api.openai.com/v1/chat/completions',
    requestBodyapiKey: {
        temperature: 2,
        presence_penalty: 2, 
        ...
    }
}'sk-abc123...456xyz' // 브라우저에 노출되므로 안전하지 않음
}

// URL만 설정하는 경우
'aiWriteSupporter.config': {
	ai: 'gpt',
    url: '/request'
}

Naver HyperCLOVA X 설정

// url: HyperCLOVA X로 요청을 하도록 구현한 URL
'aiWriteSupporter.config': {
    ai: 'hcx',
    url: '/request',
}

Request Body 설정

API 요청 시 추가로 필요한 값들을 설정합니다.

GPT의 설정할 수 있는 값들은 아래 링크에서 확인할 수 있습니다.

https://platform.openai.com/docs/api-reference/completions/create

// Request body 설정
'aiWriteSupporter.config': {
    url: 'url',
    apiKey: 'apiKey',
    requestBody: {
        temperature: 2,
        presence_penalty: 2, 
        ...
    }
}

HyperCLOVA X의 설정할 수 있는 값들은 아래와 같습니다.

프롬프트의 바로 이미지 첨부 방법

 AI가 Gemini  이거나 GPT4 Model 이상을 사용할 경우 

Status
colour Yellow title 3.0.2407 이상

AI에게 이미지가 포함된 텍스트 프롬프트를 바로 전송이 가능합니다.

AI Gemini인 경우 이미지는 최대 1개까지 첨부 가능합니다.

GPT4이상의 Model을 사용하는 경우 이미지는 최대 10개까지 첨부 가능합니다.

OCR URL 설정: '이미지 첨부' 기능 사용

ocrUrl을 설정하면 초안 작성 메뉴에서 '이미지 첨부' 메뉴가 활성화됩니다.

...

사용 예시) 보도 자료 이미지 첨부 → '요약해줘' 프롬프트 입력 → 전송

Image RemovedImage Added

'aiWriteSupporter.config': {
    ocrUrl: 'https://ailab.synap.co.kr/sdk', // 프로모션 기간 중 사용이 가능합니다.
    ocrApiKey: 'ocr발급받은 API URLkey'
}

...

'aiWriteSupporter.config': {
    customPrompts: [
        {
        	key: 'my-custom-menu1',
        	type: 'prompt',
      		label: {
      	    	ko: '나의 커스텀 메뉴 1',
            	en: 'My most used menu'
        	},
        	prompt: {
            	ko: '바나나를 영어로',
            	en: 'banana in english',
        	}
    	}, 
        {
            key: 'my-custom-menu2',
        	type: 'immediately',
        	label: {
            	ko: '나의 커스텀 메뉴 2',
            	en: 'My most used menu'
        	},
        	prompt: {
            	ko: '포도를 영어로',
            	en: 'grape in english',
        	}
    	},
		{
        	key: 'my-custom-menu3',
        	type: 'group',
        	label: {
            	ko: '내가 제일 자주쓰는 메뉴 모음',
            	en: 'My most used menu'
        	},
        	items: ['englishTranslation', 'tabularFormat']
    	}
    ]
}

카테고리 별

...

보일 프롬프트 메뉴 설정

카테고리 별 보여질 보일 프롬프트 메뉴를 설정합니다.

카테고리는 'favorites', 'draft', 'edit', 'createByReference', 'write'가 있고, 아래는 각각의 카테고리에 대한 설명입니다.

...

초안 작성(draft) 카테고리 메뉴 재정의 하기

카테고리에 보여질 보일 메뉴를 재정의할 수 있습니다. 

플러그인에 미리 정의된 프롬프트 메뉴 Key는 [AIWriteSupporter] 미리 정의된 프롬프트 메뉴에서 확인할 수 있습니다.

'aiWriteSupporter.config': {
    categoryConfig: {
        draft: [
            'meetingRequestEmail', 'salesEmail', 'jobAnnouncement'
        ]
    }
}

...