我有一个字段,用户可以输入一些文本,这些文字将显示在页面上的另一个div中。它也会保存到数据库(MSSQL)。
刷新页面时,将加载已保存的文本并进行编辑。编辑文本后,div也将实时更新。为了使换行符正常工作,我做了一个快速的换行符替换方法,应该涵盖所有的换行符。
let content = Tooltip.GetText(); // Tooltip is a Devexpress Memo Control
let content1 = content.replace("\r\n", "<br />");
let content2 = content1.replace("\n\r", "<br />");
let content3 = content2.replace("\n", "<br />");
let content4 = content3.replace("\r", "<br />");
虽然这适用于从数据库加载的换行符,但它不适用于用户刚刚输入的换行符。但是,在刷新页面后,换行符将起作用。
以下是我当前调试结果的屏幕截图。您可以清楚地看到两个换行符中的第一个被替换但不是第二个换行符。我想了解原因
我尝试将调试内容从控制台复制到Notepad ++以查看特定字符,但看起来像Notepadd ++,Windows或Chrome在复制时会更改数据。 Notepad ++将同时显示\n\r
答案 0 :(得分:3)
试试这个:
let content1 = content.replace(/\r\n/g, "<br />");
let content2 = content1.replace(/\n\r/g, "<br />");
let content3 = content2.replace(/\n/g, "<br />");
let content4 = content3.replace(/\r/g, "<br />");
您的问题是.replace
函数仅替换第一次出现,除非您使用全局标志传递正则表达式。