javascript 文本框中的数据丢失格式,导致没有换行,显示成一行,flask不显示本地图片问题

前言

html中,最近在保存表格中的字符串数据时发现换行等符号无法被识别,导致得到的字符串没有换行

同时使用flask框架时发现本地的图片等资源文件不能被加载

解决

解决格式问题

使用<pre>标签可以保存文本框中原本数据的格式,比如换行等,而不需要<br>
那么可以写为<td><pre>这是一个带有换行的文本</pre></td>
获得文本框数据的javascript代码为:

var strs = cell.getElementsByTagName('pre');
console.log(strs);
 // 遍历所有的`<pre>`元素
 var newStr=""
 if (strs.length > 1) {
     for (var i = 0; i < strs.length; i++) {
         // 获取当前`<pre>`元素中的文本
         newStr += strs[i].textContent + "\n";
     }
 } else {
     newStr += strs[0].textContent;
 }
 return newStr;

flask图片加载问题

 <img src="{{ url_for('static', filename='down.png')}}" class="imgArea" id="timeImg">

图片资源应该放在同目录static下
对于超链接资源,应该放在static下,不接受绝对本地地址

    <a href="https://blog.csdn.net/hellosweet1/article/details/79729861">Link Text</a>
    <a href="{{ url_for('static', filename='pic/20230923125412000-毛泽东.jpg') }}">Link Text</a>