显示最大字符数和一个按钮，当单击该按钮时，将在博客标签页面的描述中显示全文

<div id="descriptionContainer"></div>
<button id="showFullTextButton">显示全文</button>

#descriptionContainer {
  max-width: 300px; /* 设置容器的最大宽度 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  white-space: nowrap; /* 不换行 */
}

var descriptionContainer = document.getElementById("descriptionContainer");
var showFullTextButton = document.getElementById("showFullTextButton");
var descriptionText = "这是博客标签页面的描述文本，超过最大字符数时将显示省略号。";

var maxCharCount = 50; // 最大字符数

if (descriptionText.length > maxCharCount) {
  var truncatedText = descriptionText.substring(0, maxCharCount) + "...";
  descriptionContainer.textContent = truncatedText;
  showFullTextButton.style.display = "block"; // 显示按钮
} else {
  descriptionContainer.textContent = descriptionText;
  showFullTextButton.style.display = "none"; // 隐藏按钮
}

showFullTextButton.addEventListener("click", function() {
  descriptionContainer.textContent = descriptionText;
  showFullTextButton.style.display = "none"; // 隐藏按钮
});