beetl模板渲染问题

Question

@闲.大赋 你好，想跟你请教个问题：

我的模板

<style type="text/css">.anormal{
text-align: LEFT;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.aD19B5BC669D42C2FF1BCCD71A85A273B{
text-align: LEFT;background-color: #f0f8ff;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.a01DD4328E2469975EDC0CD71B370E55F{
text-align: LEFT;background-color: #e6e6fa;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.aDFB0407AC5BD6AFEE90CCD726C26E7DA{
text-align: LEFT;background-color: #e0ffff;font-family: Microsoft YaHei,微软雅黑;font-size: 16px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.a23E6732FD331D41ADFD0CD726C26E9F3{
text-align: LEFT;background-color: #e0ffff;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.a513684A4B3AD86E3B321CD727AC79A43{
text-align: LEFT;background-color: #f5f5dc;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
</style>
<div id="myPrintArea" style="width:630px">
<div id="report-head">
	<table style="border:none;table-layout:fixed;">
		<tr>
			<td style="width: 70px;height: 22px;text-align: LEFT;background-color: #f0f8ff;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;">&nbsp;
			</td>
		</tr>
	</table>
</div>
<div id="report-body">
	<table>
		<thead>
			<tr>
				<th style="width: 70px;height: 22px;text-align: LEFT;background-color: #e6e6fa;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;">&nbsp;
				</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<input name="rowIndex" type="hidden" value="0"/>
				<input name="rowId" type="hidden" value="${rows[0].rowId!}"/>
				<input name="rowType" type="hidden" value="${rows[0].rowType!}"/>
				<td style="width: 70px;height: 22px;text-align: LEFT;background-color: #e0ffff;font-family: Microsoft YaHei,微软雅黑;font-size: 16px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;" rowHid="0" colHid="6" readHid="true">AAA
					<input type="hidden" name="f7" value="${rows[0].f7!}"/>
				</td>
				<td colspan="2" style="width: 70px;height: 22px;text-align: LEFT;background-color: #e0ffff;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;" rowHid="0" colHid="7" readHid="true">BBB
					<input type="hidden" name="f8" value="${rows[0].f8!}"/>
					<input type="hidden" name="f9" value="${rows[0].f9!}"/>
				</td>
			</tr>
		</tbody>
	</table>
</div>
<div id="report-foot">
	<table style="border:none;">
		<tr>
			<td style="width: 70px;height: 22px;text-align: LEFT;background-color: #f5f5dc;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;">
			</td>
		</tr>
	</table>
</div>
</div>

编译后的结果

<style type="text/css">.anormal{
text-align: LEFT;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.aD19B5BC669D42C2FF1BCCD71A85A273B{
text-align: LEFT;background-color: #f0f8ff;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.a01DD4328E2469975EDC0CD71B370E55F{
text-align: LEFT;background-color: #e6e6fa;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.aDFB0407AC5BD6AFEE90CCD726C26E7DA{
text-align: LEFT;background-color: #e0ffff;font-family: Microsoft YaHei,微软雅黑;font-size: 16px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.a23E6732FD331D41ADFD0CD726C26E9F3{
text-align: LEFT;background-color: #e0ffff;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.a513684A4B3AD86E3B321CD727AC79A43{
text-align: LEFT;background-color: #f5f5dc;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
</style>
div id="myPrintArea" style="width:630px">
div id="report-head">
<table style="border:none;table-layout:fixed;">
	<tr>
		<td style="width: 70px;height: 22px;text-align: LEFT;background-color: #f0f8ff;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;">&nbsp;
		</td>
	</tr>
</table>
/div>
div id="report-body">
<table>
	<thead>
		<tr>
			<th style="width: 70px;height: 22px;text-align: LEFT;background-color: #e6e6fa;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;">&nbsp;
			</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<input name="rowIndex" type="hidden" value="0"/>
			<input name="rowId" type="hidden" value=""/>
			<input name="rowType" type="hidden" value="11"/>
			<td style="width: 70px;height: 22px;text-align: LEFT;background-color: #e0ffff;font-family: Microsoft YaHei,微软雅黑;font-size: 16px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;" rowHid="0" colHid="6" readHid="true">AAA
				<input type="hidden" name="f7" value=""/>
			</td>
			<td colspan="2" style="width: 70px;height: 22px;text-align: LEFT;background-color: #e0ffff;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;" rowHid="0" colHid="7" readHid="true">BBB
				<input type="hidden" name="f8" value=""/>
				<input type="hidden" name="f9" value=""/>
			</td>
		</tr>
	</tbody>
</table>
/div>
div id="report-foot">
<table style="border:none;">
	<tr>
		<td style="width: 70px;height: 22px;text-align: LEFT;background-color: #f5f5dc;font-family: Microsoft YaHei,微软雅黑;font-size: 12px;font-weight: normal;color: #000000;text-decoration: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;">
		</td>
	</tr>
</table>
/div>
/div>

不知道为什么模板渲染后

div id="myPrintArea" style="width:630px">
div id="report-head">

少html的起始标签了"<"号

我的模板不加style标签的内容就没问题，不知道我的style标签里有什么特殊的地方，查看语法也没发现什么特殊的地方

Answer 1

试了一下，果然是这个问题，谢谢了，大赋

Answer 2

检查一下回车换行符号，估计是你有的地方用的是rn,后面用的是n, beetl 碰到的第一个回车符号认为是文本的回车换行符号。

你这种情况有人反映过，你统一一下回车换行符号就行了。在你缺少<的地方上一行检查一下即可