那位朋友帮我看看这个页面里的 js 代码是怎么实现的？他的实现代码在哪个 js 文件里？

https://xz.aliyun.com/t/2938

这个网址里。就有我想要实现的功能。

就是想针对一位会员回复，点那个：回复 Ta 后把该会员的用户名+@ 加在下面的 editor.md 编辑器里。

别的不管。只说他的前端 js 代码实现功能。是怎么实现的？
不知道怎么看她的实现代码？请指教。谢谢。

代码

实现

会员

7 replies • 2020-01-07 22:01:00 +08:00

15651980765

Dec 20, 2019

这个随便找个前端应该都没太大问题吧，点击的时候获取下 @的信息，然后添加到编辑框就好了。

U7Q5tLAex2FI0o0g

Dec 20, 2019

<span class="reply-jump reply reply-count " data-nickname="穿山甲">回复 Ta</span>

学过一天 JS 的都会写吧，简单说就是：
$('.xx').click(function(){
$('.xx_textarea').val('@'+$(this).data('nickname'));
})

phxsuns

Dec 20, 2019

1、这个功能是前端基本操作，没啥需要参考的。
2、aliyun 的代码不一定能看的着，有些可能是混淆压缩过的。

azcvcza

Dec 20, 2019

首先，按下 F12，然后选中编辑区
其次，在右边的选中 div 或者其他什么元素里，右键，选中 break on -> subtree modification，打上断点
然后再重复一次操作，这样就可以在线 debug，寻找函数在哪，即使混淆过，但 js 代码混不混淆其实从功能上没多大区别。

python30

Dec 20, 2019

多谢各位。已经搞定了。主要是这个编辑器是动态加载。根据大家说的。实现出来了

function reply() {
var content = '@' + $(this).attr('data-nickname') + ' ';
myeditor.insertValue(content);
myeditor.focus();
}

$('.reply-jump').on('click', reply);

就这两句。不熟前端。。。。真是没办法啊。

lifespy

Dec 20, 2019

我现在试试

python30

Jan 7, 2020

@littleylv
现在发现
kindeditor 编辑器获得焦点的时候不自动滚动到编辑器那里。
还需要手动拖动滚动条下拉到编辑器！

http://kindeditor.net/ke4/examples/simple.html

这个是哪里设置不对吗？