javascript - 通过 PHP 或 Java 显示 HTML 源代码

Question

我正在尝试做一些应该非常简单的事情。

我目前有一个 php 表单，它接受字段条目并将它们简单地放置在输出页面上的 html 样式表中。该页面的样式为零，因为 CSS 做到了这一点，并且在输出表格后，我在 Chrome 中查看源代码，然后将其复制并粘贴到我的电子邮件模板中，以在我的电子邮件中发送排名表。

现在，我让其他人执行相同的过程，但他们使用的是 Safari 而不是 Chrome。可以实现相同的目的，但我想结合一个更好的解决方案，而不是试图向他们解释这个过程。

在显示表格(我用它查看源代码)的同一页面上，是否有办法显示 html 源代码本身？这样就无需在页面渲染后手动查看源代码了？

我使用的确切代码是:

<?php
echo"
<!-- NIGHTLY RANKING 7:00 PM -->
";
echo "
<table class=\"nightly_ranking\">
<tbody>
<tr>
<th class=\"table_center\" colspan=\"3\">".$_POST['field_venue']." ".$_POST['field_date']." 7:00 PM Game</th>
</tr>
<tr>
<td class=\"table_center table_alternate\"><b>Place</b></td>
<td class=\"table_center table_alternate\"><b>Player Name</b></td>
<td class=\"table_center table_alternate\"><b>Points</b></td>
</tr>";
if(!empty($_POST['field_N1_2']))
{
echo
"<tr>
<td class=\"table_center\">1st</td>
<td class=\"table_center\">".$_POST['field_N1_2']."</td>
<td class=\"table_center\">".$_POST['field_N1_3']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_6']))
{
echo
"<tr>
<td class=\"table_center\">2nd</td>
<td class=\"table_center\">".$_POST['field_N1_6']."</td>
<td class=\"table_center\">".$_POST['field_N1_7']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_10']))
{
echo
"<tr>
<td class=\"table_center\">3rd</td>
<td class=\"table_center\">".$_POST['field_N1_10']."</td>
<td class=\"table_center\">".$_POST['field_N1_11']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_14']))
{
echo
"<tr>
<td class=\"table_center\">4th</td>
<td class=\"table_center\">".$_POST['field_N1_14']."</td>
<td class=\"table_center\">".$_POST['field_N1_15']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_18']))
{
echo
"<tr>
<td class=\"table_center\">5th</td>
<td class=\"table_center\">".$_POST['field_N1_18']."</td>
<td class=\"table_center\">".$_POST['field_N1_19']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_22']))
{
echo
"<tr>
<td class=\"table_center\">6th</td>
<td class=\"table_center\">".$_POST['field_N1_22']."</td>
<td class=\"table_center\">".$_POST['field_N1_23']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_26']))
{
echo
"<tr>
<td class=\"table_center\">7th</td>
<td class=\"table_center\">".$_POST['field_N1_26']."</td>
<td class=\"table_center\">".$_POST['field_N1_27']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_30']))
{
echo
"<tr>
<td class=\"table_center\">8th</td>
<td class=\"table_center\">".$_POST['field_N1_30']."</td>
<td class=\"table_center\">".$_POST['field_N1_31']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_34']))
{
echo
"<tr>
<td class=\"table_center\">9th</td>
<td class=\"table_center\">".$_POST['field_N1_34']."</td>
<td class=\"table_center\">".$_POST['field_N1_35']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_38']))
{
echo
"<tr>
<td class=\"table_center\">10th</td>
<td class=\"table_center\">".$_POST['field_N1_38']."</td>
<td class=\"table_center\">".$_POST['field_N1_39']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_42']))
{
echo
"<tr>
<td class=\"table_center\">11th</td>
<td class=\"table_center\">".$_POST['field_N1_42']."</td>
<td class=\"table_center\">".$_POST['field_N1_43']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_46']))
{
echo
"<tr>
<td class=\"table_center\">12th</td>
<td class=\"table_center\">".$_POST['field_N1_46']."</td>
<td class=\"table_center\">".$_POST['field_N1_47']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_50']))
{
echo
"<tr>
<td class=\"table_center\">13th</td>
<td class=\"table_center\">".$_POST['field_N1_50']."</td>
<td class=\"table_center\">".$_POST['field_N1_51']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_54']))
{
echo
"<tr>
<td class=\"table_center\">14th</td>
<td class=\"table_center\">".$_POST['field_N1_54']."</td>
<td class=\"table_center\">".$_POST['field_N1_55']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_58']))
{
echo
"<tr>
<td class=\"table_center\">15th</td>
<td class=\"table_center\">".$_POST['field_N1_58']."</td>
<td class=\"table_center\">".$_POST['field_N1_59']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_62']))
{
echo
"<tr>
<td class=\"table_center\">16th</td>
<td class=\"table_center\">".$_POST['field_N1_62']."</td>
<td class=\"table_center\">".$_POST['field_N1_63']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_66']))
{
echo
"<tr>
<td class=\"table_center\">17th</td>
<td class=\"table_center\">".$_POST['field_N1_66']."</td>
<td class=\"table_center\">".$_POST['field_N1_67']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_70']))
{
echo
"<tr>
<td class=\"table_center\">18th</td>
<td class=\"table_center\">".$_POST['field_N1_70']."</td>
<td class=\"table_center\">".$_POST['field_N1_71']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_74']))
{
echo
"<tr>
<td class=\"table_center\">19th</td>
<td class=\"table_center\">".$_POST['field_N1_74']."</td>
<td class=\"table_center\">".$_POST['field_N1_75']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_78']))
{
echo
"<tr>
<td class=\"table_center\">20th</td>
<td class=\"table_center\">".$_POST['field_N1_78']."</td>
<td class=\"table_center\">".$_POST['field_N1_79']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_82']))
{
echo
"<tr>
<td class=\"table_center\">21st</td>
<td class=\"table_center\">".$_POST['field_N1_82']."</td>
<td class=\"table_center\">".$_POST['field_N1_83']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_86']))
{
echo
"<tr>
<td class=\"table_center\">22nd</td>
<td class=\"table_center\">".$_POST['field_N1_86']."</td>
<td class=\"table_center\">".$_POST['field_N1_87']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_90']))
{
echo
"<tr>
<td class=\"table_center\">23rd</td>
<td class=\"table_center\">".$_POST['field_N1_90']."</td>
<td class=\"table_center\">".$_POST['field_N1_91']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_94']))
{
echo
"<tr>
<td class=\"table_center\">24th</td>
<td class=\"table_center\">".$_POST['field_N1_94']."</td>
<td class=\"table_center\">".$_POST['field_N1_95']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_98']))
{
echo
"<tr>
<td class=\"table_center\">25th</td>
<td class=\"table_center\">".$_POST['field_N1_98']."</td>
<td class=\"table_center\">".$_POST['field_N1_99']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_102']))
{
echo
"<tr>
<td class=\"table_center\">26th</td>
<td class=\"table_center\">".$_POST['field_N1_102']."</td>
<td class=\"table_center\">".$_POST['field_N1_103']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_106']))
{
echo
"<tr>
<td class=\"table_center\">27th</td>
<td class=\"table_center\">".$_POST['field_N1_106']."</td>
<td class=\"table_center\">".$_POST['field_N1_107']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_110']))
{
echo
"<tr>
<td class=\"table_center\">28th</td>
<td class=\"table_center\">".$_POST['field_N1_110']."</td>
<td class=\"table_center\">".$_POST['field_N1_111']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_114']))
{
echo
"<tr>
<td class=\"table_center\">29th</td>
<td class=\"table_center\">".$_POST['field_N1_114']."</td>
<td class=\"table_center\">".$_POST['field_N1_115']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_118']))
{
echo
"<tr>
<td class=\"table_center\">30th</td>
<td class=\"table_center\">".$_POST['field_N1_118']."</td>
<td class=\"table_center\">".$_POST['field_N1_119']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_122']))
{
echo
"<tr>
<td class=\"table_center\">31st</td>
<td class=\"table_center\">".$_POST['field_N1_122']."</td>
<td class=\"table_center\">".$_POST['field_N1_123']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_126']))
{
echo
"<tr>
<td class=\"table_center\">32nd</td>
<td class=\"table_center\">".$_POST['field_N1_126']."</td>
<td class=\"table_center\">".$_POST['field_N1_127']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_130']))
{
echo
"<tr>
<td class=\"table_center\">33rd</td>
<td class=\"table_center\">".$_POST['field_N1_130']."</td>
<td class=\"table_center\">".$_POST['field_N1_131']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_134']))
{
echo
"<tr>
<td class=\"table_center\">34th</td>
<td class=\"table_center\">".$_POST['field_N1_134']."</td>
<td class=\"table_center\">".$_POST['field_N1_135']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_138']))
{
echo
"<tr>
<td class=\"table_center\">35th</td>
<td class=\"table_center\">".$_POST['field_N1_138']."</td>
<td class=\"table_center\">".$_POST['field_N1_139']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_142']))
{
echo
"<tr>
<td class=\"table_center\">36th</td>
<td class=\"table_center\">".$_POST['field_N1_142']."</td>
<td class=\"table_center\">".$_POST['field_N1_143']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_146']))
{
echo
"<tr>
<td class=\"table_center\">37th</td>
<td class=\"table_center\">".$_POST['field_N1_146']."</td>
<td class=\"table_center\">".$_POST['field_N1_147']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_150']))
{
echo
"<tr>
<td class=\"table_center\">38th</td>
<td class=\"table_center\">".$_POST['field_N1_150']."</td>
<td class=\"table_center\">".$_POST['field_N1_151']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_154']))
{
echo
"<tr>
<td class=\"table_center\">39th</td>
<td class=\"table_center\">".$_POST['field_N1_154']."</td>
<td class=\"table_center\">".$_POST['field_N1_155']."</td>
</tr>
";
}
if(!empty($_POST['field_N1_158']))
{
echo
"<tr>
<td class=\"table_center\">40th</td>
<td class=\"table_center\">".$_POST['field_N1_158']."</td>
<td class=\"table_center\">".$_POST['field_N1_159']."</td>
</tr>
";
}
echo "
</tbody>
</table>
<!-- /NIGHTLY RANKING 7:00 PM -->

<!-- NIGHTLY RANKING 9:30 PM -->
";
echo "
<table class=\"nightly_ranking\">
<tbody>
<tr>
<th class=\"table_center\" colspan=\"3\">".$_POST['field_venue']." ".$_POST['field_date']." 9:30 PM Game</th>
</tr>
<tr>
<td class=\"table_center table_N2_alternate\"><b>Place</b></td>
<td class=\"table_center table_N2_alternate\"><b>Player Name</b></td>
<td class=\"table_center table_N2_alternate\"><b>Points</b></td>
</tr>";
if(!empty($_POST['field_N2_2']))
{
echo
"<tr>
<td class=\"table_center\">1st</td>
<td class=\"table_center\">".$_POST['field_N2_2']."</td>
<td class=\"table_center\">".$_POST['field_N2_3']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_6']))
{
echo
"<tr>
<td class=\"table_center\">2nd</td>
<td class=\"table_center\">".$_POST['field_N2_6']."</td>
<td class=\"table_center\">".$_POST['field_N2_7']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_10']))
{
echo
"<tr>
<td class=\"table_center\">3rd</td>
<td class=\"table_center\">".$_POST['field_N2_10']."</td>
<td class=\"table_center\">".$_POST['field_N2_11']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_14']))
{
echo
"<tr>
<td class=\"table_center\">4th</td>
<td class=\"table_center\">".$_POST['field_N2_14']."</td>
<td class=\"table_center\">".$_POST['field_N2_15']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_18']))
{
echo
"<tr>
<td class=\"table_center\">5th</td>
<td class=\"table_center\">".$_POST['field_N2_18']."</td>
<td class=\"table_center\">".$_POST['field_N2_19']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_22']))
{
echo
"<tr>
<td class=\"table_center\">6th</td>
<td class=\"table_center\">".$_POST['field_N2_22']."</td>
<td class=\"table_center\">".$_POST['field_N2_23']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_26']))
{
echo
"<tr>
<td class=\"table_center\">7th</td>
<td class=\"table_center\">".$_POST['field_N2_26']."</td>
<td class=\"table_center\">".$_POST['field_N2_27']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_30']))
{
echo
"<tr>
<td class=\"table_center\">8th</td>
<td class=\"table_center\">".$_POST['field_N2_30']."</td>
<td class=\"table_center\">".$_POST['field_N2_31']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_34']))
{
echo
"<tr>
<td class=\"table_center\">9th</td>
<td class=\"table_center\">".$_POST['field_N2_34']."</td>
<td class=\"table_center\">".$_POST['field_N2_35']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_38']))
{
echo
"<tr>
<td class=\"table_center\">10th</td>
<td class=\"table_center\">".$_POST['field_N2_38']."</td>
<td class=\"table_center\">".$_POST['field_N2_39']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_42']))
{
echo
"<tr>
<td class=\"table_center\">11th</td>
<td class=\"table_center\">".$_POST['field_N2_42']."</td>
<td class=\"table_center\">".$_POST['field_N2_43']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_46']))
{
echo
"<tr>
<td class=\"table_center\">12th</td>
<td class=\"table_center\">".$_POST['field_N2_46']."</td>
<td class=\"table_center\">".$_POST['field_N2_47']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_50']))
{
echo
"<tr>
<td class=\"table_center\">13th</td>
<td class=\"table_center\">".$_POST['field_N2_50']."</td>
<td class=\"table_center\">".$_POST['field_N2_51']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_54']))
{
echo
"<tr>
<td class=\"table_center\">14th</td>
<td class=\"table_center\">".$_POST['field_N2_54']."</td>
<td class=\"table_center\">".$_POST['field_N2_55']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_58']))
{
echo
"<tr>
<td class=\"table_center\">15th</td>
<td class=\"table_center\">".$_POST['field_N2_58']."</td>
<td class=\"table_center\">".$_POST['field_N2_59']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_62']))
{
echo
"<tr>
<td class=\"table_center\">16th</td>
<td class=\"table_center\">".$_POST['field_N2_62']."</td>
<td class=\"table_center\">".$_POST['field_N2_63']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_66']))
{
echo
"<tr>
<td class=\"table_center\">17th</td>
<td class=\"table_center\">".$_POST['field_N2_66']."</td>
<td class=\"table_center\">".$_POST['field_N2_67']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_70']))
{
echo
"<tr>
<td class=\"table_center\">18th</td>
<td class=\"table_center\">".$_POST['field_N2_70']."</td>
<td class=\"table_center\">".$_POST['field_N2_71']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_74']))
{
echo
"<tr>
<td class=\"table_center\">19th</td>
<td class=\"table_center\">".$_POST['field_N2_74']."</td>
<td class=\"table_center\">".$_POST['field_N2_75']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_78']))
{
echo
"<tr>
<td class=\"table_center\">20th</td>
<td class=\"table_center\">".$_POST['field_N2_78']."</td>
<td class=\"table_center\">".$_POST['field_N2_79']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_82']))
{
echo
"<tr>
<td class=\"table_center\">21st</td>
<td class=\"table_center\">".$_POST['field_N2_82']."</td>
<td class=\"table_center\">".$_POST['field_N2_83']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_86']))
{
echo
"<tr>
<td class=\"table_center\">22nd</td>
<td class=\"table_center\">".$_POST['field_N2_86']."</td>
<td class=\"table_center\">".$_POST['field_N2_87']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_90']))
{
echo
"<tr>
<td class=\"table_center\">23rd</td>
<td class=\"table_center\">".$_POST['field_N2_90']."</td>
<td class=\"table_center\">".$_POST['field_N2_91']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_94']))
{
echo
"<tr>
<td class=\"table_center\">24th</td>
<td class=\"table_center\">".$_POST['field_N2_94']."</td>
<td class=\"table_center\">".$_POST['field_N2_95']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_98']))
{
echo
"<tr>
<td class=\"table_center\">25th</td>
<td class=\"table_center\">".$_POST['field_N2_98']."</td>
<td class=\"table_center\">".$_POST['field_N2_99']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_102']))
{
echo
"<tr>
<td class=\"table_center\">26th</td>
<td class=\"table_center\">".$_POST['field_N2_102']."</td>
<td class=\"table_center\">".$_POST['field_N2_103']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_106']))
{
echo
"<tr>
<td class=\"table_center\">27th</td>
<td class=\"table_center\">".$_POST['field_N2_106']."</td>
<td class=\"table_center\">".$_POST['field_N2_107']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_110']))
{
echo
"<tr>
<td class=\"table_center\">28th</td>
<td class=\"table_center\">".$_POST['field_N2_110']."</td>
<td class=\"table_center\">".$_POST['field_N2_111']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_114']))
{
echo
"<tr>
<td class=\"table_center\">29th</td>
<td class=\"table_center\">".$_POST['field_N2_114']."</td>
<td class=\"table_center\">".$_POST['field_N2_115']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_118']))
{
echo
"<tr>
<td class=\"table_center\">30th</td>
<td class=\"table_center\">".$_POST['field_N2_118']."</td>
<td class=\"table_center\">".$_POST['field_N2_119']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_122']))
{
echo
"<tr>
<td class=\"table_center\">31st</td>
<td class=\"table_center\">".$_POST['field_N2_122']."</td>
<td class=\"table_center\">".$_POST['field_N2_123']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_126']))
{
echo
"<tr>
<td class=\"table_center\">32nd</td>
<td class=\"table_center\">".$_POST['field_N2_126']."</td>
<td class=\"table_center\">".$_POST['field_N2_127']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_130']))
{
echo
"<tr>
<td class=\"table_center\">33rd</td>
<td class=\"table_center\">".$_POST['field_N2_130']."</td>
<td class=\"table_center\">".$_POST['field_N2_131']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_134']))
{
echo
"<tr>
<td class=\"table_center\">34th</td>
<td class=\"table_center\">".$_POST['field_N2_134']."</td>
<td class=\"table_center\">".$_POST['field_N2_135']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_138']))
{
echo
"<tr>
<td class=\"table_center\">35th</td>
<td class=\"table_center\">".$_POST['field_N2_138']."</td>
<td class=\"table_center\">".$_POST['field_N2_139']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_142']))
{
echo
"<tr>
<td class=\"table_center\">36th</td>
<td class=\"table_center\">".$_POST['field_N2_142']."</td>
<td class=\"table_center\">".$_POST['field_N2_143']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_146']))
{
echo
"<tr>
<td class=\"table_center\">37th</td>
<td class=\"table_center\">".$_POST['field_N2_146']."</td>
<td class=\"table_center\">".$_POST['field_N2_147']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_150']))
{
echo
"<tr>
<td class=\"table_center\">38th</td>
<td class=\"table_center\">".$_POST['field_N2_150']."</td>
<td class=\"table_center\">".$_POST['field_N2_151']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_154']))
{
echo
"<tr>
<td class=\"table_center\">39th</td>
<td class=\"table_center\">".$_POST['field_N2_154']."</td>
<td class=\"table_center\">".$_POST['field_N2_155']."</td>
</tr>
";
}
if(!empty($_POST['field_N2_158']))
{
echo
"<tr>
<td class=\"table_center\">40th</td>
<td class=\"table_center\">".$_POST['field_N2_158']."</td>
<td class=\"table_center\">".$_POST['field_N2_159']."</td>
</tr>
";
}
echo "
</tbody>
</table>
<!-- /NIGHTLY RANKING 9:30 PM -->
;"
?>

Answer 1

一种常见的方法是使用 HTML 实体转义要显示的 HTML，然后通过回显/打印来呈现它。

• 对于 PHP，您可以使用 PHP's htmlentities() function .
• 对于 Java，您可以使用 StringEscapeUtils来自Apache Commons Lang或htmlEscape from Spring HtmlUtils .

这是一个简短的 PHP 示例。这被包裹在 <pre> 中标记显示为 preformatted text这对于格式化目的很有用。

<pre><?php

    $table = '<table><tr><td>Cell 1</td><td>Cell 2</td></tr></table>';
    echo htmlentities($table);

?></pre>

如果你想要语法高亮，你可以添加一个像highlight.js这样的库.