이게 처음에 상태창에 4줄만있는거 챈 내 정보들보면서 공부한다음


 6줄짜리로 개조하려고 손대보는데 도저히 줄바꾸는 방법을모르겠음



이게 html 미리보기? 거기선 이렇게 6줄짜리로 나오는데



막상 와이푸 대화창에선 이렇게 줄바꿈 없이  '|'로 구분된채로 출력이 됨...



혹시 어떤게 문제인지 봐줄수 있을까?


모듈은 이렇게 고쳤습니다

in\[(.*?):(.*?)\|(.*?):(.*?)\|(.*?):(.*?)\|(.*?):(.*?)\|(.*?):(.*?)\|(.*?):(.*?)\]
out<style>      @import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@300;400&display=swap'); .container { display: flex; align-items: center; justify-content: center; height: 100%; flex-direction: column; } .wrapper { display: flex; flex-direction: column; align-items: start; margin: 1em 0 1em 0; max-width: 100vw; text-shadow: none; } .card { background: rgb(0, 0, 0); padding: 1.5em 1em 1.5em 1em; position: relative; border-radius: 6px; align-items: center; text-align: center; display: flex; font-size: 1em; margin: 0.2em; } .card-bg, .blue { background-image: linear-gradient(270deg, #00daef, #bc67ff); background-size: 150% 150%; animation: MoveGrad 4s ease infinite; } .card-bg { content: ""; border-radius: 8px; } .text { text-align: left; line-height: 2em; display: inline-block; margin: 0 1em 0 1em; } .blue { font-family: 'Hahmlet', serif; background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: bold; } .white { font-family: 'Hahmlet', serif; color: #ffffff; } @keyframes MoveGrad { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } </style> <div class="container"> <div class="wrapper"> <div class="card-bg"> <div class="card"> <div class="text"> <span class="blue">$1:</span><span class="white"> $2</span><br> <span class="blue">$3:</span><span class="white"> $4</span><br> <span class="blue">$5:</span><span class="white"> $6</span><br> <span class="blue">$7:</span><span class="white"> $8</span><br> <span class="blue">$9:</span><span class="white"> $10</span><br> <span class="blue">$11:</span><span class="white"> $12</span><br> </div> </div> </div> </div> </div>