Today I discovered a strange problem. I input a piece of text from the text editor (notepad) into the textbox text box (textarea) of easyui. Without any operation, I directly input it from the text box. Copy the text and paste it into the text compiler. By checking the hexadecimal value of the text twice, it is found that the space part has changed. As shown below:
1. Text content 1: (original text is included)
2. Input to easyui In the textbox:
3. Post from the textbox:
Preliminary observation will reveal two pieces of text Changes have occurred on the spaces, further observe its hexadecimal content:
4. Hexadecimal of the original text:
5. Paste The following text hexadecimal:
Obviously, the spaces have changed and been converted into c2a0
passed After half a morning of comparison, I finally found a css attribute: white-space. Check out the w3c explanation:
normal | 默认。空白会被浏览器忽略。 |
pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 标签。 |
nowrap | 文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。 |
pre-wrap | 保留空白符序列,但是正常地进行换行。 |
pre-line | 合并空白符序列,但是保留换行符。 |
inherit | 规定应该从父元素继承 white-space 属性的值。 |
The default is normal, when added to textarea After adding the white-space:pre-wrap attribute, the above problem is easily solved.