...

//...
'collaboration.config': { 
    'defaultNames': ['강아지', '고양이', '참새'],  // 기본 이름 목록 설정
    'defaultColors': ['#CDB4DB', '#F5CAC3', '#87BBA2']  // 기본 색 목록 설정
}
// ...

접속 사용자 정보 보기

기본 제공 UI

Image Removed

Image Removed

실시간 협업에 참여 중인 사용자 정보를 표시하는 UI가 기본으로 제공됩니다.

...

툴바에 버튼 형태로 추가 할 수 있습니다.

목록의 사용자 이름을 클릭하면 해당 사용자의 캐럿 위치로 이동합니다.

설정 방법

'editor.toolbar' 설정에 'collaborator'를 추가해 설정합니다.

//...
'editor.toolbar': [
    'paragraphStyleWithText', '|', 'fontFamilyWithText', '|', 'fontSizeWithText', '|', ...
    'collaborator', '|',  // collaborator 추가
    'bold', 'italic', 'underline', 'strike', ....
]
// ...

Custom UI

Image Removed

...

플러그인이 제공하는 API를 활용해 커스텀하게 사용자 정보를 표현 할 수 있습니다.

Image Added

업데이트 기록 보기

• 실시간 협업 중 발생한 편집 이력을 최대 100개까지 확인 할 수 있습니다.
• 목록을 선택하여 편집 내용을 확인 할 수 있고 내용을 복원 할 수 있습니다.
• 실시간 협업에 참여 중인 사용자가 없는 경우 내역이 초기화 됩니다.

Image Modified

설정 방법

'editor.toolbar' 설정에 'updateHistory'를 추가해 다이얼로그를 실행하는 버튼을 추가할 수 있습니다.

//...
'editor.toolbar': [
    'paragraphStyleWithText', '|', 'fontFamilyWithText', '|', 'fontSizeWithText', '|', ...
    'updateHistory', '|',  // updateHistory 추가
    'bold', 'italic', 'underline', 'strike', ....
]
// ...