코코포리아 로그 변환기

로그 편집
캐릭터 편집
미리보기

로그 파일을 업로드해주세요

코코포리아에서 내보낸 로그 파일을
왼쪽 사이드바에 업로드하세요.

#dddddd
최종 출력 미리보기

파일을 업로드하면 미리보기가 표시됩니다.

새 파일 로드

이전에 설정한 캐릭터 이미지 URL과 이름색을 유지할까요?

HTML 코드

공지사항

문의사항이 있으시면 계정이나 포스타입에 달린 오픈채팅으로 와주세요! 자세한 업데이트 내역은 포스타입 글을 참조해주세요!
틈새홍보: 다른 배포 코드들도 많이 이용해주세요^_^
2026.09.29 업데이트 내역
티스토리 복사가 되지 않는 오류를 수정했습니다.
캐릭터 편집 창에서 로그에 포함된 이미지가 깨져 보이는 오류를 수정했습니다.
도우미 코드로 캐릭터를 불러오면 표정이 중복으로 등록되는 오류를 수정했습니다.
로그 편집 중 대사를 수정할 시 표정 매칭이 풀리는 오류를 수정했습니다.
자잘한 버그 수정 및 사용 환경을 개선했습니다.
2026.09.22 업데이트 내역
미리보기에서 메시지가 많은 로그도 끝까지 확인할 수 있도록 개선했습니다. 스크롤을 내리면 이어서 표시됩니다.
이름이 없거나 공백인 메시지의 본문이 위로 밀리는 오류를 수정했습니다.
2026.09.12 업데이트 내역
코코포리아 v1.37.0 업데이트에 맞추어 대응 기능을 추가했습니다.
코코포리아 JSON 데이터 출력 파일을 지원합니다. 캐릭터 이미지와 표정, 시스템 메시지, 대화 순서가 모두 자동으로 적용되어 도우미 코드를 쓰지 않아도 됩니다.
HTML 출력으로 받은 ZIP 파일을 압축 해제 없이 그대로 올릴 수 있습니다.
표정 매칭 정확도를 개선했습니다.
탭 구분 숨기기, 비밀 다이스 숨기기 기능이 추가되었습니다.
연출을 위해 일부러 넣은 빈 행이 사라지는 오류를 수정했습니다.
메시지가 많은 로그에서 편집 화면과 미리보기의 성능을 개선했습니다.
주사위 판정 결과 표시를 개선했습니다.
2026.09.05 업데이트 내역
판정 결과가 잘못 표기되는 오류를 수정했습니다.
코코포리아 /system 명령어를 사용한 메시지를 코코포리아 화면과 같은 양식으로 출력하는 기능을 추가했습니다.
도우미 코드가 변경되었으니 새로 등록해주세요!
2026.08.18 업데이트 내역
▶ 기호를 이름으로 사용한 캐릭터가 이름 없는 메시지로 처리되는 오류를 수정했습니다.
2026.08.06 업데이트 내역
코코포리아 다이스봇 업데이트에 맞추어 명령어 인식 부분을 개편했습니다.
2026.08.05 업데이트 내역
메시지별 표정 자동 매칭 오류를 전면 수정했습니다.
이름 색상이 지정되지 않은 캐릭터의 대사가 통째로 누락되는 오류를 수정했습니다.
같은 이름의 캐릭터를 이름색으로 구분한 경우 원본 색상이 유지됩니다.
이름을 지정하지 않은 메시지의 이름란에 ▶ 기호가 표시되는 오류를 수정했습니다.
범위 이동 기능이 추가되었습니다. 범위를 잡은 뒤 옮기고 싶은 위치를 클릭하면 구간이 통째로 이동합니다.
날짜순 정렬 기능이 추가되었습니다. 탭별로 따로 내보낸 파일을 여러 개 불러왔을 때 대략적인 순서를 잡아줍니다. 전체 로그 내보내기를 이용하시는 편이 가장 정확합니다.
주사위 행 숨기기와 명령어 행 숨기기가 분리되었습니다.
티스토리 백업 시 마크다운 기울임 글자가 흐리게 출력되는 오류를 수정했습니다.
티스토리 백업 시 가름선이 배경색에 따라 자동 조절되도록 개선했습니다.
HTML 저장 시 지정한 파일 이름이 창 제목에도 반영됩니다.
그 외 업데이트 사항으로는 UI를 조금 다듬었습니다.
도우미 코드가 변경되었으니 새 코드로 다시 등록해주세요!

도움말

사용 방법
  1. 코코포리아에서 로그를 내보냅니다.
  2. JSON 데이터 출력으로 받은 파일을 올리시는 것을 가장 권장합니다. 캐릭터 이미지와 표정, 시스템 메시지, 대화 순서까지 모두 자동으로 적용되어 도우미 코드를 쓰지 않아도 됩니다.
    HTML 출력으로 받은 ZIP 파일도 압축을 풀지 않고 그대로 올릴 수 있습니다.
  3. 기존 로그 출력(구버전) 파일을 올려도 탭·캐릭터가 자동 감지됩니다. 이 경우 캐릭터 이미지는 사이드바의 이미지 URL 불러오기에 도우미 코드 결과를 붙여넣어 등록해주세요.
  4. 스타일 조정 후 백업합니다.
캐릭터 편집
상단 캐릭터 편집 탭에서 캐릭터별로 이름 색상·기본 이미지·표정을 관리합니다.
왼쪽 목록에서 캐릭터를 선택하면 오른쪽에 상세 정보가 표시됩니다.
이름 색상 : 색상 네모를 클릭하면 컬러 피커가 열립니다. 상단 캐릭터 기본색에서 색을 설정하고 전체 적용을 누르면 모든 캐릭터에 일괄 적용됩니다.
이미지 URL : 캐릭터의 기본 이미지 URL을 직접 입력할 수 있습니다.
표정 : JSON·HTML 출력 로그를 올리면 메시지에 실제로 사용된 표정이 그대로 등록됩니다. 이 경우 이미지가 파일에 담겨 있어 URL 수정이 필요하지 않습니다.
HTML 로그를 올린 경우에는 사이드바 이미지 URL 불러오기에서 도우미 코드를 입력하면 모든 표정이 등록되고, 메시지에 적힌 @라벨에 따라 자동 매칭됩니다. 각 표정 카드의 URL을 직접 수정하면 같은 표정을 사용하는 모든 메시지에 자동 반영됩니다.
코드를 얻는 방법은 사이드바를 참조해주세요.
이미지 관리
캐릭터 편집 탭에서 캐릭터별 기본 이미지와 표정 이미지의 URL을 관리합니다. 특정 메시지의 이미지만 변경하려면, 미리보기에서 해당 이미지를 꾹 눌러 다른 이미지를 지정할 수 있습니다. (예: 화내는 장면에 웃는 표정이 잘못 매칭된 경우)
JSON·HTML 출력 로그를 올린 경우에는 이미지가 파일에 직접 담기므로 만료되지 않아 이 기능이 필요하지 않습니다.
HTML 로그의 경우, 코코포리아에 올린 이미지는 시간이 지나면 URL이 만료되어 백업해둔 로그에서 이미지가 깨져 보일 수 있습니다. 캐릭터 편집 탭의 만료 검사를 누르면 URL이 만료된 이미지를 찾아 빨간 테두리로 표시해줍니다. 빨간 테두리가 표시된 이미지의 URL을, 티스토리나 imgur처럼 사라지지 않는 곳에 올린 새 URL로 바꿔두면 이미지가 오래 유지됩니다.
로그를 소장하려는 경우에는, 내보내기의 이미지 포함 저장을 이용하면 됩니다. 이미지 URL이 만료되지 않습니다. 저장 시 이미지는 리사이징됩니다.
날짜순 정렬
JSON 데이터 출력 파일을 올리신 경우에는 대화 순서가 기록된 시각 그대로 자동 정렬되므로 이 기능을 쓰실 필요가 없습니다.
탭이 여러 개인 방이라면 코코포리아의 전체 로그 내보내기를 이용해주세요. 모든 탭이 실제 대화 순서 그대로 저장되어 순서를 맞출 필요가 없습니다.
전체 내보내기를 쓸 수 없어 탭별로 따로 내보낸 경우에는, 이미지 URL 불러오기로 탭마다 도우미 코드 결과를 넣은 뒤 날짜순 정렬 버튼을 눌러주세요. 탭별 덩어리를 날짜순으로 정리해줍니다.
코코포리아가 알려주는 시각이 날짜까지인 경우가 많아 완전한 자동 정렬은 어렵습니다. 대략적인 순서를 잡는 보조 기능으로 사용하시고, 세부 순서는 범위 선택 이동으로 맞춰주세요.
탭 · 캐릭터 필터
파일을 불러오면 탭 필터와 캐릭터 필터가 자동으로 감지됩니다.
원하는 탭(main, 잡담 등)만 선택하거나, 특정 캐릭터를 필터에서 제외해서 출력할 수 있습니다.
칩을 클릭해서 켜고 끄면 로그 편집과 미리보기에 즉시 반영됩니다.
코코포리아에서 색상이 지정되지 않은 캐릭터(일회성 NPC 등)는 캐릭터 기본색으로 분류되어 칩이 흐릿하게 표시됩니다. 기본색 캐릭터 숨기기 버튼을 켜면 해당 캐릭터들이 출력에서 제외됩니다.
탭 필터 아래 탭별 배경색에서 색상 네모를 클릭하면 각 탭의 대사 배경색을 지정할 수 있습니다. 1:1탭과 진행탭이 섞여 있어도 한눈에 구분됩니다. 해제 버튼으로 되돌릴 수 있습니다.
출력 필터
이미지 배경색 삭제 : 배경 투명화 이미지를 사용하는 캐릭터의 이미지 박스 배경을 삭제합니다.
빈 이미지 영역 숨기기 : 이미지 URL이 없는 캐릭터의 이미지 영역을 숨깁니다.
탭 구분 숨기기 : 이름 옆에 표시되는 탭 이름(- main)을 숨깁니다.
시스템 메시지 탭 구분 숨기기 : /system 명령어로 보낸 메시지에 붙는 탭 이름을 숨깁니다.
비밀 다이스 숨기기 : 비밀 다이스로 굴린 판정을 숨깁니다. JSON 로그를 올렸을 때만 구분됩니다.
빈 대사 행 숨기기 : 텍스트가 없는 빈 행을 제거합니다.
캐릭터 대사 묶기 : 같은 캐릭터의 연속된 대사를 하나의 블록으로 묶어 표시합니다.
주사위 행 숨기기 : cc<=, 2d6 같은 주사위 굴림 행을 출력에서 제외합니다.
명령어 행 숨기기 : 캐릭터 수치를 조정할 때 자동으로 출력되는 [캐릭터] HP : 3 → 0 같은 스탯 변동 메시지를 출력에서 제외합니다.
주사위 결과 꾸밈 : 판정 결과(성공·실패 등)를 색상으로 강조합니다.
인라인 컬러 : 텍스트 색상이 결과에 따라 변합니다.
결과 줄바꿈 : 판정 내용은 작게, 결과는 아래 줄에 크게 표시됩니다.
카드형 : 기능치·굴림값·결과를 한 줄 카드로 재구성합니다.
메시지 순서 변경
로그 편집 창에서 메시지 행에 마우스를 올리면 왼쪽에 ⠿ 핸들이 나타납니다.
핸들을 잡고 드래그해서 원하는 위치에 놓으면 메시지 순서가 변경되고 미리보기와 출력에 즉시 반영됩니다.
잘못 옮긴 경우 되돌리기 버튼 또는 Ctrl+Z로 복구할 수 있습니다.
범위 선택 (삭제 · 이동)
로그 편집 탭 상단 툴바의 범위 선택 버튼을 누르면 모드가 켜집니다.
로그 편집 창에서 시작 메시지를 클릭하고, 이어서 종료 메시지를 클릭하면 선택된 메시지와 그 사이 메시지가 파랑 배경으로 강조됩니다.
N개 삭제 버튼을 누르면 해당 범위가 일괄 삭제됩니다.
N개 이동 버튼을 누른 뒤 옮기고 싶은 위치의 메시지를 클릭하면, 선택한 범위가 그 앞으로 통째로 이동합니다. 탭별로 따로 내보낸 로그를 시간 순서에 맞춰 끼워 넣을 때 편리합니다.
모드가 켜진 동안에는 텍스트 편집과 개별 삭제 버튼이 일시 비활성화됩니다. 모드를 끄려면 버튼을 다시 누릅니다.
실수한 경우 되돌리기 버튼 또는 Ctrl+Z로 복구할 수 있습니다.
마크다운 자동 변환
Roll20에서 쓰이는 마크다운 문법을 코코포리아 로그에서도 그대로 사용할 수 있습니다. 대사에 아래 기호를 쓴 로그를 불러오면 출력 시 자동으로 서식이 적용됩니다.
*텍스트* → 기울임
**텍스트** → 볼드체
***텍스트*** → 볼드+기울임
티스토리 백업 시 주의사항
티스토리에는 반드시 티스토리 복사로 받은 코드를 붙여넣어주세요. HTML 저장 파일을 붙여넣으면 블로그 스킨이 깨질 수 있습니다.
복사한 코드는 반드시 티스토리의 HTML 모드에 붙여넣어야 합니다. 기본 모드에 붙여넣으면 서식이 제거되어 깨집니다.
발행 후 글을 기본 모드로 재편집하면 티스토리가 서식 일부를 제거해 색상과 레이아웃이 달라질 수 있습니다. 수정이 필요할 땐 HTML 모드에서 수정하거나, 꿀꿀이로그에서 다시 내보내 붙여넣는 것을 권장합니다.
일부 색상·정렬이 계속 다르게 보인다면 사용 중인 블로그 스킨의 CSS가 영향을 주는 경우이니 스킨을 확인해주세요!
분할 내보내기
편집한 로그가 길 때 N개씩 나눠서 내보낼 수 있습니다.
티스토리 내보내기 시 파트별로 코드를 확인하고 하나씩 복사합니다.
단축키
Ctrl+Z 되돌리기
Ctrl+F 검색
Ctrl+S HTML 저장
Ctrl+P PDF 저장

파일 이름

저장할 파일 이름을 입력하세요
.html

이미지 URL 수정

이미지 URL