能否在RSA Archer中配置带展开/折叠功能的文本字段？

• 第一步：获取目标文本框的控件ID
  按下F12打开浏览器开发者工具，选中需要修改的文本框，在Elements面板里找到它的ID（格式类似ctl00_ctl00_MainContent_MainContent_txtLongText），把这个ID记下来。

• 第二步：添加简化自定义脚本
  进入Archer的应用程序构建器，找到对应页面，编辑页面的自定义HTML/脚本区域，粘贴以下脚本（只需要替换第一行的ID即可）：

  // 替换成你刚才获取的文本框ID
  const textBoxId = 'ctl00_ctl00_MainContent_MainContent_txtLongText';
  const textBox = document.getElementById(textBoxId);
  
  if (textBox) {
    // 初始设置为5行高度（可根据字体调整100px这个值）
    textBox.style.height = '100px';
    textBox.style.overflow = 'hidden';
    
    // 创建展开/折叠箭头按钮
    const toggleBtn = document.createElement('button');
    toggleBtn.innerHTML = '▼';
    toggleBtn.style.position = 'absolute';
    toggleBtn.style.right = '10px';
    toggleBtn.style.bottom = '10px';
    toggleBtn.style.background = 'transparent';
    toggleBtn.style.border = 'none';
    toggleBtn.style.cursor = 'pointer';
    
    // 把按钮放到文本框的父容器里
    textBox.parentElement.style.position = 'relative';
    textBox.parentElement.appendChild(toggleBtn);
    
    // 展开/折叠切换逻辑
    let isExpanded = false;
    toggleBtn.addEventListener('click', () => {
      if (isExpanded) {
        textBox.style.height = '100px';
        textBox.style.overflow = 'hidden';
        toggleBtn.innerHTML = '▼';
      } else {
        textBox.style.height = 'auto';
        textBox.style.overflow = 'visible';
        toggleBtn.innerHTML = '▲';
      }
      isExpanded = !isExpanded;
    });
  }
  

• 第三步：测试验证
  保存页面配置后刷新前端页面，文本框默认会显示5行内容，点击侧边的箭头按钮就能展开全部内容，再次点击则折叠回初始高度。

注意事项 #

• 不同Archer版本的控件ID格式可能略有差异，确保复制的ID和文本框一一对应。
• 如果需要给多个文本框加这个功能，可以把脚本改成遍历所有多行文本框的形式，先从单个文本框测试成功后再扩展。
• 操作前确认自己有编辑页面自定义脚本的权限，没有的话找管理员协助。

内容的提问来源于stack exchange，提问作者PunkAngel