แปลงการขึ้นบรรทัดข้อความแบบ Rich Text ไปเป็นแท็ก br

ตัวอย่างเช่น: ลูก ๆ ของฉันในชั้นเรียนเล็ก SayABC ↵ ช่วยเหลือซึ่งกันและกันกับเพื่อน ๆ ↵ ให้ความร่วมมือและแข่งขันกัน และมีแรงบันดาลใจในการเรียนรู้มากขึ้น! ↵ตั้งแต่คำง่ายๆ ไปจนถึงรูปแบบประโยคและบทสนทนา ↵เด็กๆ กล้าที่จะพูดภาษาอังกฤษมากขึ้นเรื่อยๆ! [ใช่]↵สแกนรหัส QR เพื่อรับบทเรียนครูต่างชาติทันที [ความรัก]↵ให้ลูก ๆ ของคุณเชื่อมต่อกับโลกตั้งแต่อายุยังน้อย~

จำเป็นต้องแปลงเพื่อให้เป็นที่รู้จักด้วย html และการตัดบรรทัด ซึ่งสามารถทำได้

'↵' คืออักขระขึ้นบรรทัดใหม่ '/n' เนื้อหานี้ได้รับการแก้ไขด้วยตนเองผ่าน textarea และส่งไปยังแบ็กเอนด์เพื่อจัดเก็บ อักขระที่สามารถจดจำได้ในกล่องแก้ไขไม่สามารถรับรู้ได้ในแท็กธรรมดา ดังนั้นจึงต้องแปลงเป็นอักขระที่จดจำได้<br/>

 string.replace(/(rn|n|r)/gm, )

จากนั้นใช้ v-html=the สตริงที่แปลงแล้ว เพื่อแสดงตัวแบ่งบรรทัดตามปกติ

วิธีที่สองคือการใช้แท็ก <pre></pre> การใช้งานทั่วไปของแท็ก <pre> คือการแสดงซอร์สโค้ดของคอมพิวเตอร์ สามารถจดจำ '/n ', '/r/n ', แท็บ, ช่องว่างในสตริง...

วิธีที่สามคือการใช้ <textarea></textarea> เพื่อแสดง ดังนั้นสิ่งที่แก้ไขแล้วจะแสดงที่นี่

ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network