Important: Please read the Qt Code of Conduct -

how to create a sample HTML file using QFIle

  • I have been creating the HTML file using the QTextbrowser , But now i want to create it with out using the QTextbrowser. How can this be done , will there be any samples available?

    I used some thing like this:

    QFile qHtmlFile("File Path");
    QTextDocument qData1(&qHtmlFile);

  • Lifetime Qt Champion

    QTextBrowser is using a QTextDocument internally which is responsible for the html in/output

  • @Christian-Ehrlicher i tried with QTextDocument, I am unable to generate file

  • Lifetime Qt Champion

    @ManiRon said in how to create a sample HTML file using QFIle:

    I am unable to generate file

    In which way? This is not very precise...


    And ahy do you delete your topics?

  • @Christian-Ehrlicher sorry by mistake

  • @Christian-Ehrlicher I tried the way you mentioned but it creates file but doesnt have the contents.

  • @Christian-Ehrlicher this is my code

          QTextDocument qData1(&qHtmlFile);

  • Lifetime Qt Champion

    How should the code above create a file when there is no QFile involved at all? Please be a little bit more careful and think by yourself before posting some useless stuff.

  • @Christian-Ehrlicher
    I thought you would understand as i have mentioned the QFile in my first post itself so i thought its fine to just give the main part , is it fine now ?

    QFile qHtmlFile("FilePath");
    QTextDocument qData1(&qHtmlFile);

  • Lifetime Qt Champion

    Please read the docs - I gave you the links so you even don't have to search. This can't work at all...

  • @Christian-Ehrlicher ok sir, then how this can be done, I mean generating an html file.

  • @Christian-Ehrlicher any other idea if possible

  • Lifetime Qt Champion


    Use of QFile:

    • Create QFile variable
    • Call open
    • Check that open was successful
    • Call write
    • Close file


  • @SGaist yes i tried it, I create a table using HTML . If i do as mentioned by you the table doesnt has the column seperator line .0_1552296582698_Untitled.jpg

  • Lifetime Qt Champion

    @ManiRon Can you please show the code you're using now? And the content of the file you're generating (the text, not pictures)?

  • @jsulm

    this whole code will be stored in a QString and this i am printing

    <article><div align="right"></div><header><h1><center><font color="midnightblue"></font></center></h1><h2><font color="dimgray"></font></h2></header></article><table border="1" style="background-color:ghostwhite;border:1px dotted black;width:80%;border-collapse:collapse;"><tr style="background-color:gainsboro;color:black;"></table><style type="text/css">table.tbl {border-width: 1px;border-style: solid;border-color: black;margin-top: 0px;margin-bottom: 0px;color: black;}table.tbl td {padding: 3px;}table.tbl th {padding: 3px;font-size: 18px;}</style><table width="100%" cellspacing="0" class="tbl" style="border:1px solid black;border-collapse:collapse;" align = center ><tr><th><b><center><span style =font-size:10pt;>Application</span></center></b></th><th><b><center><span style =font-size:10pt;>Check Sum</span></center></b></th><th><b><center><span style =font-size:10pt;>Total</span></center></b></th><th><b><center><span style =font-size:10pt;>No</span></center></b></th><th><b><center><span style =font-size:10pt;>Tested By</span></center></b></th><th><b><center><span style =font-size:10pt;></span></center></b></th><th><b><center><span style =font-size:10pt;></span></center></b></th></tr><tr><td><center><span style =font-size:10pt;>1.00</span></center></td><td><center><span style =font-size:10pt;>123</span></center></td><td><center><span style =font-size:10pt;></span></center></td><td><center><span style =font-size:10pt;></span></center></td><td><center><span style =font-size:10pt;></span></center></td><td><center><span style =font-size:10pt;></span></center></td><td><center><span style =font-size:10pt;></span></center></td></tr></table><br><br><br><style type="text/css">table.tbl1 {border-width: 1px;border-style: solid;border-color: black;margin-top: 0px;margin-bottom: 0px;color: black;}table.tbl1 td {padding: 3px;}table.tbl1 th {padding: 3px;font-size: 18px;}</style><table width="100%" cellspacing="0" class="tbl1"><tr><th>Name</th><th>Data</th><th>data</th><th>Test Result</th></tr><tr><td><b><span style =font-size:10pt;>sss</span></b></td><td>Data1</td><td>Data2</td><td><b><span style =font-size:10pt;><font color=Green>PASS</font></span></b></td></tr></table><br><br><br><br><hr><br><br>

  • Lifetime Qt Champion

    @ManiRon This is not valid HTML.
    And by "code" I mean your C++ code to generate the HTML file...

  • @jsulm

    QString qHostVer = "<b><center><span style =font-size:10pt;>Application</span></center></b>";

    QString qCheckSum = "<b><center><span style =font-size:10pt;>123</span></center></b>";

    QString qTotal= "<b><center><span style =font-size:10pt;>Total</span></center></b>";

    QString qNo= "<b><center><span style =font-size:10pt;>No</span></center></b>";

    QString qTestedBy = "<b><center><span style =font-size:10pt;>Tested By</span></center></b>";

             css1 = "<style type=\"text/css\">";
             css1 += "table.tbl {border-width: 1px;border-style: solid;border-color: black;margin-top: 0px;margin-bottom: 0px;color: black;}";
             css1 += "table.tbl td {padding: 3px;}";
             css1 += "table.tbl th {padding: 3px;font-size: 18px;}";
             text1 += "<table width=\"100%\" cellspacing=\"0\" class=\"tbl\" style=\"border:1px solid black;border-collapse:collapse;\" align = center >";
             text1 +=("<tr><th>"+qHostVer+"</th><th>"+qCheckSum+"</th><th>"+qTargetCheckSum+"</th>"\
            QString  text1 +=("<tr><td><center><span style =font-size:10pt;>" + 1.00 +"</span></center></td>"\
                      "<td><center><span style =font-size:10pt;>" + 123 +"</span></center></td>"\
                      "<td><center><span style =font-size:10pt;>" +  +"</span></center></td>"\
                      "<td><center><span style =font-size:10pt;>" + o +"</span></center></td>"\
                      "<td><center><span style =font-size:10pt;>"+ +"</span></center></td>");

    qRep = css+text;

    QFile qHtmlFile(file path);

  • @jsulm this code works fine when i use QTextbrowser, But i dont want to use QTextBrowser as it cannot be used inside a QThread

  • Lifetime Qt Champion

    @ManiRon You're not generating valid HTML

  • @jsulm so what change i should make

  • Lifetime Qt Champion

    @ManiRon This is how a HTML document should look like:


  • Since you are hard coding stuff anyway, you can use QXmlStreamWriter directly on the QFile device to generate html:

    QFile qHtmlFile("myFile.html");
    QTextStream startDocStream(&qHtmlFile);
    startDocStream << QStringLiteral("<!DOCTYPE html>");
    QXmlStreamWriter htmlWriter(&qHtmlFile);
    htmlWriter.writeAttribute(QStringLiteral("content"),QStringLiteral("text/html; charset=utf-8"));
    htmlWriter.writeEndElement(); //meta
    htmlWriter.writeCharacters(QStringLiteral("Test Page"));
    htmlWriter.writeEndElement(); //title
    htmlWriter.writeCharacters(QStringLiteral("h1, h2, h3, h4 { color: rgb(83,129,53) } h1 { text-align: center; }"));
    htmlWriter.writeEndElement(); //style
    htmlWriter.writeEndElement(); //head
    htmlWriter.writeCharacters(QStringLiteral("Test Page"));
    htmlWriter.writeEndElement(); //h1
    htmlWriter.writeEndElement(); //h2
    htmlWriter.writeCharacters(QStringLiteral("Lorem ipsum dolor sit amet, consectetur adipiscing elit."));
    htmlWriter.writeEndElement(); //p
    htmlWriter.writeEndElement(); //body
    htmlWriter.writeEndElement(); //html

  • @jsulm I have not defined the html tag but still it was generating the html file correctly but when i removed the QTextbrowser , still it was generating correctly but the internal borders of the table is only the major missing.

  • @VRonin this might make it a little tough i think so sir?

  • @VRonin @jsulm any other better way if possible with the same way in which i have done

  • Lifetime Qt Champion

    Did you try to compare the HTML you generated with QTextBrowser and the one you are generating now ?

  • @SGaist it worked when i added "table.tbl td {border: 2px solid black;}, table.tbl th {border: 2px solid black;}" these two line .

Log in to reply