Hi,
I've some problems with using curly brackets in CKeditor. I send my content to the database this way (see the
{product:start} {product:stop} {total:start} {total:stop}
:
<table style="border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; font-family: Arial,Helvetica,sans-serif; font-size: 13px;">
<thead>
<tr>
<td style=" border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: left; padding: 7px; color: #222222;">Product</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: left; padding: 7px; color: #222222;">Productcode</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: right; padding: 7px; color: #222222;">Aantal</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: right; padding: 7px; color: #222222;">Prijs per stuk</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: right; padding: 7px; color: #222222;">Sub-totaal</td>
</tr>
</thead>
{product:start}
<tbody>
<tr>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: left; padding: 7px;">{product_name}<br />
<small>{product_option} </small></td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: left; padding: 7px;">{product_model}</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;">{product_quantity}</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;">{product_price_gross}</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;">{product_total_gross}</td>
</tr>
</tbody>
{product:stop}
<tfoot>
{total:start}
<tr>
<td colspan="4" style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;"><b>{total_title}</b></td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;">{total_value}</td>
</tr>
{total:stop}
</tfoot>
</table>
CKeditor outputs it as:
{product:start} {product:stop} {total:start} {total:stop}
<table style="border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; font-family: Arial,Helvetica,sans-serif; font-size: 13px;">
<thead>
<tr>
<td style=" border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: left; padding: 7px; color: #222222;">Product</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: left; padding: 7px; color: #222222;">Productcode</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: right; padding: 7px; color: #222222;">Aantal</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: right; padding: 7px; color: #222222;">Prijs per stuk</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; font-weight: bold; text-align: right; padding: 7px; color: #222222;">Sub-totaal</td>
</tr>
</thead>
<tbody>
<tr>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: left; padding: 7px;">{product_name}<br />
<small>{product_option} </small></td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: left; padding: 7px;">{product_model}</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;">{product_quantity}</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;">{product_price_gross}</td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;">{product_total_gross}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4" style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;"><b>{total_title}</b></td>
<td style="border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: right; padding: 7px;">{total_value}</td>
</tr>
</tfoot>
</table>
The brackets moved to the top of the table..
Someone?
Looking forward,
Raymond
Anyone?
Anyone?
It's because it's not valid
It's because it's not valid code. <tr> tags are very peculiar about what they allow. Check your code here. It gives you various warnings.
Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn
If you think you found a bug in CKEditor, read this!