html中p标签之间如何换行,用Javascript给文本段落加上p标签实现换行

在重写博客时遇到文章内容无法正确换行的问题,通过分析WordPress的源码,了解到其通过添加p标签来处理。分享将WordPress PHP的autop函数转换为JavaScript的实现过程,该函数能够智能地在段落间插入p标签,处理各种复杂情况,确保内容的正确格式化。
摘要由CSDN通过智能技术生成

最近在用node重写我的博客(憔悴了许多),既然从wordpress转过来的,wordpress基本功能还是不能变的,无形中加大了开发难度。比如说加密算法,数据表关系串联,数据库高并发IO性能优化。。。等等一大堆需要解决的问题,要做就要做最好的,用最优的方法,最快的算法,最安全的code来以太阳肩并肩。起初以为增删改查就完事了,其实没那么简单。就连读取文章看似很简单的事情其实并不是想象那样,直接从数据库里面读取出来的文章内容是不会换行的,尤其是没有标签的内容但是又换行了,这着实有点尴尬。

起初在分析换行的种种情况,思来想去突然明白了一个真理,直接看wordpress实现过程吧~,翻到他的源码,发现wordpress作者对文章内容处理做了孜孜不倦的字符串算法~,没错,就加一个p标签小小的事情,可是并不简单。它要考虑到各种标签,把它切割重组抛光打蜡,最后给你return一个完美的内容。以下是我把那个php处理函数转成javascript的代码:

function autop($pee, $br) {

var $pre_tags = {};

var trim = function(str) {

return str.replace(/(^\s*)|(\s*$)/g, "");

}

if ( trim($pee) === '' ){

return '';

}

$pee = $pee + "\n"; // just to make things a

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值