解决iNove主题评论的回复功能光标位置不正确的问题

iNove主题没有采用传统的评论嵌套回复的样式，而是使用鼠标悬停显示原始评论的方式，这样做的好处是可以使得评论看起来比较规整而且评论之间不受父子级的限制。

可是iNove的回复功能存在光标不跟随始终保持在@user的最前面的问题。具体描述为：当点击“回复”之后，鼠标的光标定位在@user的前面，而不是在@user的后面或者下一行。如下图所示：



控制“回复”功能的代码是comment.js文件（在主题目录下的js中），通过查看代码可以知道作者的本意是把光标放在@user的下一行。我一开始以为是这段JS的问题，难道是JS不换行的原因，但事实是它没有问题。

var insertStr = '@' + author.replace(/\t|\n|\r\n/g, "") + '  \n';

但是点击回复光标在@user的下一行的功能没有实现，而“引用”的功能却没有问题，仔细观察可以发现“回复”和“引用”的功能大同小异，对比代码最终找到问题出在field.focus()上（控制光标位置的聚焦函数）。

解决的方法是在function appendReply(insertStr, commentBox)函数中找到以下的代码，添加俩field.focus()函数：

if (field.value.replace(/\s|\t|\n/g, "") == '') {		
		field.value = insertStr;
	} else {		
		field.value = field.value.replace(/[\n]*$/g, "") + '\n\n' + insertStr;
	}

修改成如下的代码：

if (field.value.replace(/\s|\t|\n/g, "") == '') {
		field.focus();
		field.value = insertStr;
	} else {
		field.focus();
		field.value = field.value.replace(/[\n]*$/g, "") + '\n\n' + insertStr;
	}

最终的效果如下图所示：

解决iNove主题评论的回复功能光标位置不正确的问题

iNove主题没有采用传统的评论嵌套回复的样式，而是使用鼠标悬停显示原始评论的方式，这样做的好处是可以使得评论看起来比较规整而且评论之间不受父子级的限制。

可是iNove的回复功能存在光标不跟随始终保持在@user的最前面的问题。具体描述为：当点击“回复”之后，鼠标的光标定位在@user的前面，而不是在@user的后面或者下一行。如下图所示：

控制“回复”功能的代码是comment.js文件（在主题目录下的js中），通过查看代码可以知道作者的本意是把光标放在@user的下一行。我一开始以为是这段JS的问题，难道是JS不换行的原因，但事实是它没有问题。

var insertStr = '<a href="#' + commentId + '">@' + author.replace(/\t|\n|\r\n/g, "") + ' </a> \n';

但是点击回复光标在@user的下一行的功能没有实现，而“引用”的功能却没有问题，仔细观察可以发现“回复”和“引用”的功能大同小异，对比代码最终找到问题出在field.focus()上（控制光标位置的聚焦函数）。

解决的方法是在function appendReply(insertStr, commentBox)函数中找到以下的代码，添加俩field.focus()函数：

if (field.value.replace(/\s|\t|\n/g, "") == '') {				field.value = insertStr;	} else {				field.value = field.value.replace(/[\n]*$/g, "") + '\n\n' + insertStr;	}

修改成如下的代码：

if (field.value.replace(/\s|\t|\n/g, "") == '') {		field.focus();		field.value = insertStr;	} else {		field.focus();		field.value = field.value.replace(/[\n]*$/g, "") + '\n\n' + insertStr;	}

最终的效果如下图所示：

弃用评论留言的嵌套回复功能

今天看到评论的嵌套回复效果，感觉好酷，于是就想在我的博客实现之。

嵌套回复的留言阅读起来逻辑清晰，有针对性，显得更加合理。

在WordPress中实现它也很简单，找一个支持的主题或者插件就行了。

就在我兴奋地跃跃欲试时，发现了MG12写的关于嵌套回复的缺点。

这不懂技术真的不行，看了搞技术的人写的东西真的受益匪浅。嵌套回复看着时尚合理，但需要考虑嵌套逻辑、嵌套层次等问题，还需要主题和插件的支持，这就对主题和插件产生了依赖。而且嵌套回复一次只能针对一条留言进行回复。

所以我又白折腾了一回，弃用了嵌套回复。

弃用评论留言的嵌套回复功能

今天看到评论的嵌套回复效果，感觉好酷，于是就想在我的博客实现之。

嵌套回复的留言阅读起来逻辑清晰，有针对性，显得更加合理。

在WordPress中实现它也很简单，找一个支持的主题或者插件就行了。

就在我兴奋地跃跃欲试时，发现了MG12写的关于嵌套回复的缺点。

这不懂技术真的不行，看了搞技术的人写的东西真的受益匪浅。嵌套回复看着时尚合理，但需要考虑嵌套逻辑、嵌套层次等问题，还需要主题和插件的支持，这就对主题和插件产生了依赖。而且嵌套回复一次只能针对一条留言进行回复。

所以我又白折腾了一回，弃用了嵌套回复。