blog documentation FAQ followers forum marketplace services youtube

html tag properties

The Jamroom Network » Forum » Installation and Configuration » Page » html tag properties
sekeri
sekeri
@ilker
10 years ago
334 posts
html tag properties disappear when I save the article. I have added available tags into "Allowed HTML Tags" but I am not sure how to let tag properties to be saved within a html tag.

For example when I save

<table width="52%" bordercolor="#fffff0" border="1" align="center">
    <tbody>
        <tr bgcolor="#cccccc">
            <td colspan="4">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           Voicings</font></div>
            </td>
        </tr>
        <tr bgcolor="#ffffcc">
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           1 3 5 7</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           3 5 7 1</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           5 7 1 3</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           7 1 3 5</font></div>
            </td>
        </tr>
        <tr>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           1 3 7 5</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           3 5 1 7</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           5 7 3 1</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           7 1 5 3</font></div>
            </td>
        </tr>
        <tr bgcolor="#ffffcc">
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           1 5 3 7</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           3 7 5 1</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           5 1 7 3</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           7 3 1 5</font></div>
            </td>
        </tr>
        <tr>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           1 5 7 3</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           3 7 1 5</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           5 1 3 7</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           7 3 5 1</font></div>
            </td>
        </tr>
        <tr bgcolor="#ffffcc">
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           1 7 3 5</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           3 1 5 7</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           5 3 7 1</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           7 5 1 3</font></div>
            </td>
        </tr>
        <tr>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           1 7 5 3</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           3 1 7 5</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           5 3 1 7</font></div>
            </td>
            <td width="25%">
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">                                           7 5 3 1</font></div>
            </td>
        </tr>
    </tbody>
</table>

It becomes;

<table border="1" align="center">
<tbody>
<tr>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> Voicings</span></div>
</td>
</tr>
<tr>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 3 5 7</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 5 7 1</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 7 1 3</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 1 3 5</span></div>
</td>
</tr>
<tr>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 3 7 5</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 5 1 7</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 7 3 1</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 1 5 3</span></div>
</td>
</tr>
<tr>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 5 3 7</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 7 5 1</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 1 7 3</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 3 1 5</span></div>
</td>
</tr>
<tr>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 5 7 3</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 7 1 5</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 1 3 7</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 3 5 1</span></div>
</td>
</tr>
<tr>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 7 3 5</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 1 5 7</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 3 7 1</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 5 1 3</span></div>
</td>
</tr>
<tr>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 7 5 3</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 1 7 5</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 3 1 7</span></div>
</td>
<td>
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 5 3 1</span></div>
</td>
</tr>
</tbody>
</table>
Capture.JPG.jpg
Capture.JPG.jpg  •  51KB


updated by @ilker: 11/24/14 06:12:04AM
michael
@michael
10 years ago
7,714 posts
Looks like font is bing converted to span and the style applied. Is the output correct? They seam like the same code to me.

The html purifier is run on code passing into the database to make sure there is no malicious code.
sekeri
sekeri
@ilker
10 years ago
334 posts
Of course the output is not correct. I have uploaded the image of the original and saved table output. You can see it in the uploaded image.
michael
@michael
10 years ago
7,714 posts
sekeri:
Of course the output is not correct. I have uploaded the image of the original and saved table output. You can see it in the uploaded image.

Not sure why you say 'of course' because technically they are exactly the same. It looks like your CSS is being applied to the tag though. If you update your CSS you can get it looking visually the same.

I suspect its getting stripped because is not a valid HTML5 tag.

"HTML5 element list"
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list

--edit--
colspan on the TD should be being allowed through though, ill check that out.

Thanks.
updated by @michael: 10/24/14 01:22:16AM
michael
@michael
10 years ago
7,714 posts
There are a few things in there that need to be looked at. I'll get it sorted out for the next release.

When done, use the table icon on the editor, then right click and choose ROW -> PROPERTIES -> ADVANCED -> BACKGROUND COLOR to select the color. I'll make sure it can pass through the checks.
michael
@michael
10 years ago
7,714 posts
Changes are done. Will work in the next. < font > still wont work because its not valid HTML5 but what you want can be done.

Here is the same code but HTML5 valid:
<table border="1" align="center">
<tbody>
<tr style="background-color: #cccccc;">
<td colspan="4">
<div style="text-align: center;"><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> Voicings</span></div>
</td>
</tr>
<tr style="background-color: #ffffcc;">
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 3 5 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 5 7 1</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 7 1 3</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 1 3 5</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 3 7 5</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 5 1 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 7 3 1</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 1 5 3</span></div>
</td>
</tr>
<tr style="background-color: #ffffcc;">
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 5 3 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 7 5 1</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 1 7 3</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 3 1 5</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 5 7 3</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 7 1 5</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 1 3 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 3 5 1</span></div>
</td>
</tr>
<tr style="background-color: #ffffcc;">
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 7 3 5</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 1 5 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 3 7 1</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 5 1 3</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 7 5 3</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 1 7 5</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 3 1 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 5 3 1</span></div>
</td>
</tr>
</tbody>
</table>
sekeri
sekeri
@ilker
10 years ago
334 posts
I copied the table code above and pasted it. The table was displayed without any problems in the editor.
But as soon as I save your code was updated as;
<table border="1" align="center">
<tbody>
<tr>
<td>
<div style="text-align: center;"><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> Voicings</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 3 5 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 5 7 1</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 7 1 3</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 1 3 5</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 3 7 5</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 5 1 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 7 3 1</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 1 5 3</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 5 3 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 7 5 1</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 1 7 3</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 3 1 5</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 5 7 3</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 7 1 5</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 1 3 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 3 5 1</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 7 3 5</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 1 5 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 3 7 1</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 5 1 3</span></div>
</td>
</tr>
<tr>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 1 7 5 3</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 3 1 7 5</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 5 3 1 7</span></div>
</td>
<td style="text-align: center;">
<div><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;"> 7 5 3 1</span></div>
</td>
</tr>
</tbody>
</table>
michael
@michael
10 years ago
7,714 posts
Will work in the next release.

Tags