From 39960affb26145e49b010f741f825eb84c3154b8 Mon Sep 17 00:00:00 2001
From: maxmon <541182180@qq.com>
Date: Sat, 15 Apr 2023 23:21:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=94=A8=E7=B1=BB=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E6=A1=86=E6=98=BE=E7=A4=BA=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fe/src/components/NLP/rlhf.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/fe/src/components/NLP/rlhf.vue b/fe/src/components/NLP/rlhf.vue
index f50fe31..0f4550f 100644
--- a/fe/src/components/NLP/rlhf.vue
+++ b/fe/src/components/NLP/rlhf.vue
@@ -1,10 +1,11 @@
 <template>
   <div class="rlhf-box">
     <div v-for="(line, idx) in fileContent.split('<whale_n>')" :key="idx" class="line" @click="clickLine(idx)">
-      <template v-for="(word, idx) in line">
+      <!-- <template v-for="(word, idx) in line">
         <span class="word" v-if="word !== '\n'" :key="idx">{{ word }}</span>
         <br v-if="word === '\n'" :key="idx"/>
-      </template>
+      </template> -->
+      <div class="textarea">{{line}}</div>
       <span class="rank" v-if="annoDetails.indexOf(String(idx+1)) !== -1">{{annoDetails.indexOf(String(idx+1)) + 1}}</span>
     </div>
   </div>
@@ -125,4 +126,7 @@ export default ({
   font-size: 16px;
   z-index: 4;
 }
+.textarea {
+  white-space: break-spaces;
+}
 </style>