Qt way of getting/parsing style attributes from html tags? local file batch

Printable View

10th June 2010, 16:18
toglia3d

Qt way of getting/parsing style attributes from html tags? local file batch
I have this old and dirty code I wrote some years ago that basically parsed css styles from local html documents. That code is really really ugly, and I would like to Qtify it!:cool:

I don't need rendering the webpage at all, just opening local files, reading them and closing them (in batch). How would you guys tackle this?

I first thought using the webkit somehing like:
Code:

QWebPage page; QWebFrame * frame = page.mainFrame(); QUrl fileUrl("localFile.html"); frame->setUrl(fileUrl); QWebElement document = frame->documentElement(); QWebElementCollection elements = document.findAll("div"); foreach (QWebElement element, elements){ std::cout << element.attribute("style").toStdString() << std::endl; }
That didn't work... Why?

Can I work with html files like legal xml? In that case, getting the attributes from the styles is going to be somewhat annoying, knowing all the styles are declared in the "head"...

Any ideas, what Qclasses can be helpful here?

Re: Qt way of getting/parsing style attributes from html tags? local file batch

This will get you everything. That may not be what you want. I'm not sure of a way of getting only author specified styles.

Code:

#include <QtWebKit>
#include <QApplication>
#include <QtCore>
int main(int argc, char * argv[])
{
    QApplication a(argc, argv);
 
    QWebPage page;
    QWebFrame * frame = page.mainFrame();
    frame->setHtml("<html><head><style>div { color:blue; }</style><body><div style=\"font-size:120%;\">Hello World!</div></body></html>");
    QWebElement document = frame->documentElement();
    QWebElementCollection elements = document.findAll("div");
    foreach (QWebElement element, elements)
    {
        QString style = element.evaluateJavaScript("getComputedStyle(this).cssText").toString();
        QStringList styles = style.split(';');
        foreach(QString pair, styles)
        {
            QStringList keyvalue = pair.split(':');
 
            if (keyvalue.length() == 2)
                qDebug() << keyvalue.at(0).trimmed() << " = " << keyvalue.at(1).trimmed();
        }
    }
}

10th June 2010, 19:08
toglia3d

Re: Qt way of getting/parsing style attributes from html tags? local file batch
Thanks numbat. I will check it out when I get home. Seems like your doing everything I need.

Another thing, is there a more elegant way of putting the file into a QString than the following?
Code:

QFile file("local.html"); QTextStream in(&file); QString completeHtml; while (!in.atEnd()) { completeHtml.append(in.readLine()); }

Re: Qt way of getting/parsing style attributes from html tags? local file batch

You can use readAll. Here's a way to just get the rules in the style sheets:

Code:

#include <QtWebKit>
#include <QApplication>
#include <QtCore>
int main(int argc, char * argv[])
{
    QApplication a(argc, argv);
 
    QWebPage page;
    QWebFrame * frame = page.mainFrame();
    frame->setHtml("<html><head><style>div { color:blue; } span {font-weight: bold;}</style><body><div style=\"font-size:120%;\">Hello World!</div></body></html>");
        QVariant vt = frame->evaluateJavaScript(
                                                 "out = []; "
                                                 "for (j = 0; j < document.styleSheets.length; j++) { "
                                                "for (i = 0; i < document.styleSheets[j].cssRules.length; i++) { "
                                                 "out[i] = document.styleSheets[j].cssRules[i].style.cssText; } } "
                                                "out = out;");
        foreach (QVariant v, vt.toList())
        {
             qDebug() << v.toString();
        }
}

10th June 2010, 19:44
toglia3d

Re: Qt way of getting/parsing style attributes from html tags? local file batch

Thanks again.

Seriously, Qt has all the nutrients and vitamins a young programmer needs to grow healthy.
11th June 2010, 09:44
wysota

Re: Qt way of getting/parsing style attributes from html tags? local file batch
You don't need QtWebKit just to parse an xml file. Either use one of QXmlStreamReader or QDomDocument or use QtXmlPatterns module to query for specific tags in the file. If you just want contents of all "style" attributes in the file, the last approach will be best. Something like this might work:
Code:

QXmlQuery qry; qry.setQuery("doc('file.html')//@style"); // "doc('...')//div@style" will give you all 'style' attrs from all 'div' tags // or: // QFile f("file.html"); // f.open(QFile::ReadOnly|QFile::Text); // qry.setFocus(&f); // qry.setQuery("//@style"); QStringList list; qry.evaluateTo(&list);
11th June 2010, 09:52
toglia3d

Re: Qt way of getting/parsing style attributes from html tags? local file batch

Huh? :confused: Please excuse me while I pick my jaw up from the ground.
Thats just beautiful.
14th June 2010, 02:42
genomega

Re: Qt way of getting/parsing style attributes from html tags? local file batch

Thanks: Found this thread by searching, answered my question.