js-textarea文本换行符处理，Java后端以及js前端如何处理

最新推荐文章于 2024-08-27 18:38:37 发布

转载最新推荐文章于 2024-08-27 18:38:37 发布 · 761 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ZenoLiang/p/10501935.html

文章标签：

#后端 #前端 #java #ViewUI

本文介绍了一种在Java和JavaScript中将TextArea内容与HTML格式文本相互转换的方法。通过替换换行符等特殊字符，确保文本在不同显示环境中的一致性，这对于网页应用中的文本编辑和展示特别有用。

方法一：后台处理

TextArea的换行符处理

TextArea文本转换为Html:写入数据库时使用

js获取了textArea的文本内容之后，器内容含有换行，空格，制表符之类的字符，但是js字符串不支持换行，否则报错。这个封装是将获取的原内容中换行全部替换掉，下次读取时，直接输出到HTML元素中。

public static String Text2Html(String str) {
    if (str == null) {
        return "";
    }else if (str.length() == 0) {
        return "";
    }
    str = str.replaceAll("\n", "<br />");
    str = str.replaceAll("\r\n", "<br />");//windows下是\n，linux下是\r\n
    return str;
}

Html转换为TextArea文本

转换了之后的文本，在直接输出是，需要照着用户输入的格式输出，该换行就换行。

public static String HtmlToText(String str) {
        if (str == null) {
            return "";
        }else if (str.length() == 0) {
            return "";
        }
        str = str.replaceAll("<br />", "\n");
        str = str.replaceAll("<br />", "\r");    
        return str;
    }

方法二：前台处理

跟Java的处理几乎一样，获取textarea里面的值，也是替换\n，最后直接输出html元素

$("#textarea").val().split("\n", "<br/>");

转载于:https://www.cnblogs.com/ZenoLiang/p/10501935.html