📜 키워드 대화 위젯 생성기

📜 키워드 대화 위젯 생성기

HTML/JSON/코드 붙여넣기 → 모든 설정 복원 → 편집 → 새 HTML 생성

📋 HTML 코드 붙여넣기

📂 위젯 HTML 파일 불러오기 (전체 설정) | 📂 JSON 파일 (카테고리만)

👤 캐릭터 기본 정보 ▼

캐릭터 이름

기본 초상화 URL

표정별 이미지 URL (JSON)

✨ 초상화 표시하지 않기

💬 대화 메시지 커스텀 ▼

기본 대사

대화 종료 메시지

키워드 미선택 시 메시지

🔤 웹폰트 (위젯 내부) ▼

웹폰트 CSS (@font-face)

적용할 font-family 이름

🎨 색상 테마▼

전체 배경

상단 대사창 배경

상단 대사창 하단 그라데이션

이름 색상

대사 글자색

탭 영역 배경

탭 글자색

활성 탭 배경

활성 탭 글자색

키워드 목록 배경

키워드 제목 색상

키워드 설명 색상

버튼 배경 (리셋)

버튼 글자색

버튼 배경 (대화 끝내기)

구분선/테두리 색상

💬 기본 응답 (대사 없을 때)▼

JSON 배열

📑 분류(탭) 목록

▼

⚙️ 기타▼

한 페이지 키워드 수

🖥️ 실시간 미리보기(클릭/버튼 동작)

📋 생성된 HTML 코드 (티스토리용)

💡 코드 복사 → 티스토리 HTML 모드에 붙여넣기