<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./Bootstraplayout_files/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
(function ($) {
$.fn.truncaString = function (options) {
var defaults = {
length: 100,
isHide: false, //初始时是否收缩
hideClue: false, //是否显示收缩提示符 “...”
moreText: '[Expansion]', //展开按纽文本
hideText: '[Shrink]', //收缩按纽文本
moreTitle: '', //展开按纽标题（鼠标移上时提示文字）
hideTitle: '', //收缩按纽标题（鼠标移上时提示文字）
boundary: /^\s+$/ //匹配分割符的正则表达式，匹配空格，因为英文单词不能从中间断开 /^(\s|\u002c|\u002e|\uff0c|\u3002|[\u4E00-\u9FA5])+$/
};
var options = $.extend(defaults, options);
return this.each(function (num) {
var stringLength = $(this).html().length;
if (stringLength > defaults.length) {
var whiteSpace = new RegExp(defaults.boundary);
var moreHtml = '<a class="more_' + num + '" href="#" title="' + defaults.moreTitle + '">' + defaults.moreText + '</a> ';//“展开”按纽
var hideHtml = '<a class="hide_' + num + '" href="#" title="' + defaults.hideTitle + '">' + defaults.hideText + '</a>';//“收缩”按纽
//循环把分割点向后移动，直到找到空格
for (var newLimit = defaults.length; newLimit < stringLength; newLimit++) {
var newSplitText = $(this).html().substr(0, newLimit); //分割点前的字符（一直要显示的）
