我构建了一个网络应用程序。我正在尝试获取在 form:textarea 中输入的文本。我想以相同的格式读取用户输入的文本。
例如，如果用户输入:
hi!
How
Are
you?
我得到的结果是嗨!你好吗？，新行被错过。
这是我的代码示例:
JSP:
<form:form id="addRssFeed" modelAttribute="rssFeed" action="apiTextContent?mode=addNew&page=rssFeeds" enctype="multipart/form-data" method="post">
<div class="form-group" style="width: 392px; ">
<div class="form-row">
<div >
<form:label path="inputTextFiled1" for="tile">Title: </form:label>
<form:input path="inputTextFiled1" autocomplete="off" class="form-control" id="title" type="text" placeholder="Enter the title to the Feed"/>
</div>
</div>
<div class="form-row">
<div >
<form:label path="inputTextFiled2" for="content">Content: </form:label>
<form:textarea path="inputTextFiled2" class="form-control" style="width: 200%; height: 200px;" id="encJs" placeholder="Enter the body of Feed"></form:textarea>
</div>
</div>
<div class="form-row">
<div >
<input name="file" id="fileToUpload" type="file" onchange="validateImage()"/>
</div>
</div>
<div >
<%-- <p><form:input name="file" id="fileToUpload" type="file" onchange="validateImage()"/></p> --%> <p id="message"></p></div>
</div>
<a href="#" onclick="#">Show Preview </a>
<form:button class="btn btn-primary btn-block" id="Publish" style="width: 25%;margin: 0px auto;">Publish</form:button>
</form:form>
ApiText.java
private String inputTextFiled1;
private String inputTextFiled2;
--- getters and setters---
服务
public String convertToImage(CommonsMultipartFile file, ApiTextModel apiTextModel) throws IOException {
StringBuffer imageString = new StringBuffer("");
String html= null;
if(file.getSize() !=0){
File convFile = new File( file.getOriginalFilename());
file.transferTo(convFile);
BufferedImage src;
src = ImageIO.read(convFile);
BufferedImage image = toBufferedImage(src);
ByteArrayOutputStream baos = new ByteArrayOutputStream();
ImageIO.write(image, "png", baos);
String data = DatatypeConverter.printBase64Binary(baos.toByteArray());
imageString.append("<img style=\"display:block; height: 300px; margin-left: auto; margin-right: auto;\" src='data:image/png;base64," + data+"'>");
}
html = "<html><body> "+
"<h2 style=\"text-align: center;font-size: 49px;\">"+apiTextModel.getInputTextFiled1() +" </h2> "+ imageString.toString() +
"<div style=\"font-size: 25px;\">"+apiTextModel.getInputTextFiled2() +"</div></body></html>";
System.out.println(imageString);
return html;
}
请建议我是否需要改变我的方法或尝试其他方法。
最佳答案
基本上，空白字符(也包括换行符)被 HTML 转换为单个空格。
您需要为文本区域编写 onChange 方法，以将新行字符转换为 <br>或<p> 。这样您就可以拥有新线的属性(property)。
关于javascript - 从文本区域读取新行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50925594/