对于省略号 你可以使用css 的

text-overflow: -o-ellipsis-lastline;

 overflow: hidden;

 text-overflow: ellipsis;

 display: -webkit-box;

 -webkit-line-clamp: 2;

 line-clamp: 2;

这些属性设置显示几行，会有省略号补上。全文这个按钮可以判断文字的长度控制显示隐藏。我的思路大概就是这样