如何在textarea輸入的內容,每段都被<p></p>包裹起來?

來源:互聯網
上載者:User
例如輸入的時候:
我是一個粉刷匠
大家好
啦啦啦


輸入完後提交後轉成:

我是一個粉刷匠


大家好


啦啦啦




存入資料庫

回複內容:

你這個都沒有富文本的需求,建議你不要在資料庫存 HTML。因為到輸出的時候,你無法直接轉義來保證安全(內容已經是 HTML 了)。這個時候想過濾 XSS 就得費比較大的功夫了。如果你說的是富文字編輯器還是挺麻煩的,但是你說的是textarea就很簡單了。
var val = document.getElementsByTagName('textarea')[0].value;val = val.replace("\n","

");val = "

" + val + "

";
聽上去挺簡單,事實上要跨瀏覽器的話挺麻煩的。主要是換行可能是br, p, div
如果你用第三方的編輯器,例如tinymce / ckeditor的話,這些編輯器專門有類似的功能。

如果是自己寫的,只能夠簡單的找br or div or p,然後自己產生樹,自己去替代,挺麻煩的。。。。直接存 textare 的內容。

顯示的時候設定 CSS:

white-space: pre-wrap;並不需要轉html
直接white-space:pre-wrap迴圈讀取每一行,寫入\n,檔案函數庫summernote。。
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.