如何使用html和jquery在折叠下显示具有正确文本格式的文本

您好，我设计了一个带有一些输入的折叠，但是折叠下的文本显示时没有适当的空格和行尾，请帮助。我希望我的代码像我在折叠中粘贴的那样显示（html代码）。我使用jquery。另外，如果有人能指导我如何输入文本文件以折叠而不是粘贴所有输入，我将不胜感激

<div class="container">
  <h2>Accordion Example</h2>
  <p><strong>Note:</strong> The <strong>data-parent</strong> attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.</p>
  <div class="panel-group" id="accordion">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">FETCH LOCAL ADMINS OF SERVERS IN YOUR AD DOMAIN</a>
        </h4>
      </div>
      <div id="collapse1" class="panel-collapse collapse in">
        <div class="panel-body">
<p>Import-Module activedirectory
Clear-Host
function Get-LocalAdminToCsv {
    Param(
            $Path          = (Get-ADDomain).DistinguishedName,   
            $ComputerName  = (Get-ADComputer -Filter * -Server (Get-ADDomain).DNsroot -SearchBase $Path -Properties Enabled | Where-Object {$_.Enabled -eq "True"})
         )

    begin{
        [array]$Table = $null
        $Counter = 0
         }

    process
    {
    $Date       = Get-Date -Format MM_dd_yyyy_HH_mm_ss
    $FolderName = "LocalAdminsReport("+ $Date + ")"
    New-Item -Path ".\$FolderName" -ItemType Directory -Force | Out-Null

        foreach($Computer in $ComputerName)
        {
            try
            {
                $PC      = Get-ADComputer $Computer
                $Name    = $PC.Name
                $CountPC = @($ComputerName).count
            }

            catch
            {
                Write-Host "Cannot retrieve computer $Computer" -ForegroundColor Yellow -BackgroundColor Red
                Add-Content -Path ".\$FolderName\ErrorLog.txt" "$Name"
                continue
            }

            finally
            {
                $Counter ++
            }

            Write-Progress -Activity "Connecting PC $Counter/$CountPC " -Status "Querying ($Name)" -PercentComplete (($Counter/$CountPC) * 100)

            try
            {
                $row = $null
                $members =[ADSI]"WinNT://$Name/Administrators"
                $members = @($members.psbase.Invoke("Members"))
                $members | foreach {
                            $User = $_.GetType().InvokeMember("Name", 'GetProperty', $null, $_, $null)
                                    $row += $User
                                    $row += " ; "
                                    }
                write-host "Computer ($Name) has been queried and exported." -ForegroundColor Green -BackgroundColor black 

                $obj = New-Object -TypeName PSObject -Property @{
                                "Name"           = $Name
                                "LocalAdmins"    = $Row
                                                    }
                $Table += $obj
            }

            catch
            {
            Write-Host "Error accessing ($Name)" -ForegroundColor Yellow -BackgroundColor Red
            Add-Content -Path ".\$FolderName\ErrorLog.txt" "$Name"
            }


        }
        try
        {
            $Table  | Sort Name | Select Name,LocalAdmins | Export-Csv -path ".\$FolderName\Report.csv" -Append -NoTypeInformation
        }
        catch
        {
            Write-Warning $_
        }
    }

    end{}
   }</p>
    </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Collapsible Group 2</a>
        </h4>
      </div>
      <div id="collapse2" class="panel-collapse collapse">
        <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Collapsible Group 3</a>
        </h4>
      </div>
      <div id="collapse3" class="panel-collapse collapse">
        <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
      </div>
    </div>
  </div> 
</div>

手风琴示例
注意：数据父项属性确保在显示一个可折叠项时关闭指定父项下的所有可折叠元素

导入模块activedirectory
清除主机
函数Get localadmintosv{
Param(
$Path=（Get ADDomain）.distrignizedName，
$ComputerName=（Get-ADComputer-Filter*-Server（Get-AddDomain）.DNsroot-SearchBase$Path-Properties Enabled |其中对象{$\已启用-eq“True”}）
)
开始{
[array]$Table=$null
$Counter=0
}
过程
{
$Date=获取日期-格式为MM\u dd\u yyyy\u HH\u MM\u ss
$FolderName=“LocalAdminsReport（“+$Date+”）”
新项目-路径“\$FolderName”-项目类型目录-强制输出空值
foreach（$ComputerName中的计算机）
{
尝试
{
$PC=获取ADComputer$Computer
$Name=$PC.Name
$CountPC=@（$ComputerName）。计数
}
抓住
{
写入主机“无法检索计算机$computer”-背景色黄色-背景色红色
添加内容-路径“\$FolderName\ErrorLog.txt”$Name
持续
}
最后
{
美元柜台++
}
写入进度-活动“连接PC$Counter/$CountPC”-状态“查询（$Name）”-完成百分比（（$Counter/$CountPC）*100）
尝试
{
$row=$null
$members=[ADSI]“WinNT://$Name/Administrators”
$members=@（$members.psbase.Invoke（“成员”））
$members | foreach{
$User=$\.GetType（）.InvokeMember（“名称”，“GetProperty”，“null”，“$\$null”）
$row+=$User
$row+=“；”
}
写入主机“计算机（$Name）已被查询并导出。”-ForegroundColor绿色-BackgroundColor黑色
$obj=新对象-类型名称PSObject-属性@{
“Name”=$Name
“LocalAdmins”=$Row
}
$Table+=$obj
}
抓住
{
写入主机“访问（$Name）时出错”-ForegroundColor黄色-BackgroundColor红色
添加内容-路径“\$FolderName\ErrorLog.txt”$Name
}
}
尝试
{
$Table | Sort Name | Select Name，LocalAdmins | Export Csv-path“\$FolderName\Report.Csv”-Append-notype信息
}
抓住
{
写警告$_
}
}
结束{}
}

Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。

我已经附上了输出。

---

正如@charlietfl所提到的，您需要使用

标记

pre标记定义预格式化文本

pre元素中的文本以固定宽度字体显示（通常为Courier），并保留空格和换行符

手风琴示例
注意：数据父项属性确保在显示一个可折叠项时关闭指定父项下的所有可折叠元素

导入模块activedirectory
清除主机
函数Get localadmintosv{
Param(
$Path=（Get ADDomain）.distrignizedName，
$ComputerName=（Get-ADComputer-Filter*-Server（Get-AddDomain）.DNsroot-SearchBase$Path-Properties Enabled |其中对象{$\已启用-eq“True”}）
)
开始{
[array]$Table=$null
$Counter=0
}
过程
{
$Date=获取日期-格式为MM\u dd\u yyyy\u HH\u MM\u ss
$FolderName=“LocalAdminsReport（“+$Date+”）”
新项目-路径“\$FolderName”-项目类型目录-强制输出空值
foreach（$ComputerName中的计算机）
{
尝试
{
$PC=获取ADComputer$Computer
$Name=$PC.Name
$CountPC=@（$ComputerName）。计数
}
抓住
{
写入主机“无法检索计算机$computer”-背景色黄色-背景色红色
添加内容-路径“\$FolderName\ErrorLog.txt”$Name
持续
}
最后
{
美元柜台++
}
写入进度-活动“连接PC$Counter/$CountPC”-状态“查询（$Name）”-完成百分比（（$Counter/$CountPC）*100）
尝试
{