QQ 1640076782

2015年02月27日

在线编辑器不自动换行

Filed under: phper — 标签: — liphp @ 5:06 上午

现在很多在线自动编辑器都会出现一个问题 就是不能自动换行,当然你直接在编辑器上编辑文字 感觉没有什么问题 可以自动换行啊 但是但你从word上面或者其他网站上面复制一段文字 如果文字过长 你会发现他不能自动换行。曾经这个问题我想了很长时间 在网上也找了很久没有找到解决方法、试过换编辑器 但还不能完美的解决。

上面这个图就是从word上面复制过来的 完全撑破了页面 里面的文字影藏无法看到。当然你可以直接在编辑器里面一个一个换行 但是那样的工作量太大了 有没有直接更好的办法呢?

我们观察代码

发现文字里面有很多这样空格标签 原因是你word上面复制这些文字的时候 他为了保存原有的样式 编辑器会自动加上这些HTML的标签 他会导致页面无法换行。知道原因就好办多了。直接用PHP函数去执行替换这些空格

str_replace(); 具体函数用法就不多说。

还有一种情况 是编辑器自动加入了 white-space:nowrap; 这个css 样式 (编辑器加入的样式都是行内样式)这个样式在在css文件中无法替换

也可以直接用PHP 中的 str_replace() 去替换

还有一个就是用js去直接替换

这个js的作用就是不需要编辑器里面加入样式 所有的样式你可以在css里面控制

这样编辑器不换行的问题就可以解决了。