QTextEdit html rendering issues

[haldrik]

Hi, i'm trying to render a html file, is a report from a query, with this code:

void SalesForm::renderProposal()
{
    QString fileName = QDir::currentPath() + "/templates/proposal_template.html";
    QFile file(fileName);
    if (!file.open(QIODevice::ReadOnly)) {
        QMessageBox::warning(this, trUtf8("Error Abriendo Plantilla"),
                             trUtf8("No se puedo abrir '%1'").arg(fileName));
    }
 
    QTextStream stream(&file);
    QString htmlString;
    htmlString = stream.readAll();
    QString textEditString = htmlString.arg(propsData.at(0).at(0)).arg(propsData.at(3).at(0)).arg(propsData.at(16).at(0));
    propOutTextEdit->setHtml(textEditString);
    }
}

void SalesForm::renderProposal()
{
    QString fileName = QDir::currentPath() + "/templates/proposal_template.html";
    QFile file(fileName);
    if (!file.open(QIODevice::ReadOnly)) {
        QMessageBox::warning(this, trUtf8("Error Abriendo Plantilla"),
                             trUtf8("No se puedo abrir '%1'").arg(fileName));
    }

    QTextStream stream(&file);
    QString htmlString;
    htmlString = stream.readAll();
    QString textEditString = htmlString.arg(propsData.at(0).at(0)).arg(propsData.at(3).at(0)).arg(propsData.at(16).at(0));
    propOutTextEdit->setHtml(textEditString);
    }
}

To copy to clipboard, switch view to plain text mode 

The file loads fine, but the QTextEdit don't render very well the html file, I took a screenshot where the file is loaded
on Google Chrome and QTextEdit twice.

htmlQTextEdit.jpg

html code is shown here:
http://pastebin.ca/2170961

I'm not trying to compare Google Chrome with QTextEdit, but the html file is very simple and is made with kompozer.

Thanks.

[ChrisW67]

QTextEdit only supports a subset of HTML that does not specifically mention width styles on table elements. If you want a fully fledged HTML/CSS (read only) experience then use WebKit.

[haldrik]

Thanks,

But if you look the html code you will see that I don't use CSS or other not supported html subset, for
example, documentation says:

table Table Supports the following attributes: border, bgcolor (Qt color names or #RRGGBB), cellspacing, cellpadding, width (absolute or relative), and height.

My tabable is defined with:

<table style="text-align: left; width: 300px; height: 58px;" border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="vertical-align: top; width: 180px;">FORMA DE PAGO<br>
      </td>
      <td style="vertical-align: top; width: 80px;">%37<br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;">VALIDEZ DE LA OFERTA<br>
      </td>
      <td style="vertical-align: top;">%38<br>
      </td>
    </tr>
  </tbody>
</table>

<table style="text-align: left; width: 300px; height: 58px;" border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="vertical-align: top; width: 180px;">FORMA DE PAGO<br>
      </td>
      <td style="vertical-align: top; width: 80px;">%37<br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;">VALIDEZ DE LA OFERTA<br>
      </td>
      <td style="vertical-align: top;">%38<br>
      </td>
    </tr>
  </tbody>
</table>

To copy to clipboard, switch view to plain text mode 

And it says too that supports align, but if you see this line, I used supported align set:

<div style="text-align: right; font-weight: bold;"><big><big>PROPUESTA COMERCIAL</big></big><br>
</div>

<div style="text-align: right; font-weight: bold;"><big><big>PROPUESTA COMERCIAL</big></big><br>
</div>

To copy to clipboard, switch view to plain text mode 

But in QTextEdit text is shown on the left.
Thanks again.

[haldrik]

I just used QWebView, including <QtWebKit/QWebView> and the webkit module on my .pro file too.

[wysota]

But if you look the html code you will see that I don't use CSS or other not supported html subset

This:

style="text-align: left; width: 300px; height: 58px;"

style="text-align: left; width: 300px; height: 58px;"

To copy to clipboard, switch view to plain text mode 

... is CSS.

[haldrik]

Ohh, ok, thanks.

[ChrisW67]

And it says too that supports align, but if you see this line, I used supported align set:

<div style="text-align: right; font-weight: bold;"><big><big>PROPUESTA COMERCIAL</big></big><br>
</div>

<div style="text-align: right; font-weight: bold;"><big><big>PROPUESTA COMERCIAL</big></big><br>
</div>

To copy to clipboard, switch view to plain text mode 

Just to reinforce this, this a is "div" element with a "style" attribute containing CSS properties. The supported attributes for this element are "align" and "dir". Even if "style" were supported here, the allowed CSS subset does not include "text-align".