사이냅 에디터 문서
Space shortcuts
Page tree

Versions Compared

Old Version 6

changes.mady.by.user 허지영

Saved on

compared with

New Version 7

changes.mady.by.user 허지영

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
//...
'editor.quickInsert': [
	// AI 요청하기 버튼
    'openAIInteraction',
	//...
],
// ...



플러그인 설정하기

사용가능한 키

KeyType필수설명
urlstringO
  • 요청을 보낼 URL을 설정합니다.
    • OpenAI의 API 주소
    • OpenAI의 API로 요청을 하도록 구현한 URL
  • 설정이 되지 않으면 툴바에 플러그인 버튼이 표시되지 않습니다.
apiKeystring
  • OpenAI 에서 발급받은 API Key를 설정합니다.
  • 해당 설정을 사용하게 되면 브라우저에 Key 값이 노출되기 때문에, Key 값을 설정하지 않고 서버를 통해 요청을 할 수 있도록 하는 것이 안전합니다. 
requestBodyObject
ocrUrlstring
  • OCR URL을 설정 하면 초안 작성 메뉴에서 '이미지 첨부'메뉴가 활성화 됩니다.
  • 이미지를 첨부하면 이미지에 있는 텍스트를 추출해 추출된 텍스트와 프롬프트를 AI에 함께 전송합니다.

customPrompts

Object[]
  • 사용자 정의 프롬프트 메뉴를 추가합니다.
Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
    key: 'customPromptKey',
    type: 'prompt',
    label: {
        ko: '메뉴에 보여지는 Label',
        en: 'Label shown in menu'
    },
    prompt: {
        ko: 'AI에게 전달될 프롬프트. 요약해줘, 내용을 늘려줘, ...',
        en: 'Prompts to be passed to the AI',
    }
}


categoryConfigObject
  • 카테고리 별
나타날
  • 보여질 프롬프트 메뉴를 설정합니다.

URL, API Key 설정

요청을 보낼 API의 URL, API Key를 설정합니다.

...

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

Image Added

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
'aiWriteSupporter.config': {
    ocrUrl: 'ocr URL'
}


'ocrUrl'을 설정하지 않음: 초안 작성시 '이미지 첨부'메뉴 보여지지 않음'ocrUrl'을 설정: 초안 작성시 '이미지 첨부'메뉴 보여짐

Image Modified

Image Modified

...


사용자 정의 프롬프트 설정

사용자 정의 프롬프트를 추가합니다.

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
'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']
    	}
    ]
}


카테고리 별 보여질 프롬프트 메뉴 설정


사용할 수 있는 메뉴(pre defined된것들) 목록 페이지 따로 작성해서 링크하기

...