이모티콘 검색
1분 미만...
@waline/client는 사용자가 이모지 검색 서비스를 추가하고 이 기능을 커스터마이즈할 수 있도록 합니다.
기본적으로 @waline/client는 Giphy를 통해 밈 검색 서비스를 제공합니다. 이를 통해 이미지를 검색하고 댓글에 추가할 수 있습니다.
비활성화
기본 이미지 검색 서비스가 필요하지 않은 경우 search 옵션을 false로 설정하여 비활성화할 수 있습니다.
Waline.init({
el: '#waline',
// ...
search: false,
});커스터마이즈
search 옵션을 통해 이미지 검색 서비스를 커스터마이즈할 수 있습니다.
각 작업에 대해 검색 결과로 이미지 정보를 포함하는 배열을 반환해야 하며, 각 항목은 다음 속성을 가진 객체여야 합니다:
src: 이미지의 링크 주소title: 이미지 제목 및 대체 텍스트 (선택 사항)preview: 결과 목록에서 사용할 이미지의 썸네일 (선택 사항)
이 옵션은 세 가지 함수를 받으며, 각 함수는 Promise를 반환해야 하고 결과는 위의 검색 결과 배열입니다.
search: 검색 작업, 검색어가 함수의 첫 번째 매개변수로 전달됩니다default: 기본적으로 표시할 이미지 목록 (선택 사항)more: 이미지가 하단으로 스크롤될 때 시작되는 함수, 검색어와 현재 개수가 처음 두 매개변수로 전달됩니다 (선택 사항)
커스텀 검색에 대한 튜토리얼은 Cookbook → 커스텀 이모지 검색을 참조하세요.
TIPS: 댓글 영역은 데모용입니다. 질문이 있는 경우 Github Discussion 에서 질문하세요.
