QWebView не загружает внешний CSS - PullRequest
Новая
       20

QWebView не загружает внешний CSS

3 голосов
/ 21 февраля 2010

Я использую QWebView для отображения некоторого контента, и я хочу использовать пользовательский CSS для улучшения вывода. Я обнаружил, что могу использовать метод QWebSettings.setUserStyleSheetUrl(), чтобы загрузить свой собственный CSS в представление. Файл .css находится в том же каталоге, что и моя основная программа. 

self.webview = QWebView(MainWindow)
self.webview.settings().setUserStyleSheetUrl(QUrl.fromLocalFile("myCustom.css"))

Однако пользовательские стили не загружаются, когда я добавляю контент на страницу, используя setHtml(). Я проверил, что CSS правильно применяется к HTML в стандартном браузере.

Есть идеи, что я делаю не так?

Ответы [ 3 ]

7 голосов
/ 21 февраля 2010

В Qt все пути к внешним файлам должны быть ABSOLUTE , а не относительными.

Чтобы исправить проблему, добавляю следующие изменения: 

path = os.getcwd()
self.webview.settings().setUserStyleSheetUrl(QUrl.fromLocalFile(path + "/myCustom.css"))

И все работало правильно. Надеюсь, это поможет кому-то в будущем и сэкономит им несколько часов на устранение неполадок.

1 голос
/ 03 ноября 2012

Я только что натолкнулся на это, поэтому я опубликую свой тестовый фрагмент здесь;фрагмент создает свои собственные файлы .html и .css в том же каталоге, что и скрипт python;и сценарий был вызван из того же каталога для тестирования.

По крайней мере в python / PyQt4 кажется, что - действительно - это только абсолютных путей, которые работают с setHtml.

Тестовый код может:

compare_qtwebkit-test.py

Метод setHtml, кажется, отображает стилизованный текст только со спецификацией c3, где file:// + используется абсолютный путь.( РЕДАКТИРОВАТЬ: просто хотел отметить, что предложение в в этом посте , чтобы "попробовать arora (очень простая упаковка поверх QtWebKit); если это работает, это вашкод. если это не так, это веб-сайт. "был очень полезен для двойной проверки поведения )

Это настройка, на которой тестировался скрипт: 

$ lsb_release --description --codename 
Description:    Ubuntu 11.04
Codename:   natty

$ apt-show-versions -r python-qt4
python-qt4/natty uptodate 4.8.3-2
python-qt4-dbus/natty uptodate 4.8.3-2

$ apt-show-versions -r libqtwebkit4
libqtwebkit4/natty uptodate 2.1~really2.0.2-0ubuntu1

$ python --version
Python 2.7.1+

Сценарий:

qtwebkit-test.py

#!/usr/bin/env python

# portions from:
# http://pysnippet.blogspot.com/2010/01/more-fun-with-qwebkit.html

import sys
import os
from PyQt4 import QtCore
from PyQt4 import QtGui
from PyQt4 import QtWebKit

global htmltext

def GenerateFiles():
  global htmltext

  print "GenerateFiles running"

  csstext = """
  body {
    background-color: #058;
    margin: 0px;
    color: red;
  }
  """

  css_file = open("test.css", "w")
  css_file.write(csstext)
  css_file.close()


  htmltextTop = """
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  """

  htmltextBottom = """
  <title>qtwebkit-test</title>
  </head>
  <body>
  <h1>HEADING</h1>
  <p>Just to test ....</p>
  <p>.... and test some more</p>
  </body>
  </html>
  """

  cssopen = '<link rel="stylesheet" type="text/css" href="'
  cssclose = '">'

  # c1
  cssfile = "test.css"
  # c2
  #~ cssfile = os.path.abspath(os.path.dirname(__file__)) + "/" + "test.css"
  # c3
  #~ cssfile = "file://" + os.path.abspath(os.path.dirname(__file__)) + "/" + "test.css"
  # c4
  #~ cssfile = "qrc://" + os.path.abspath(os.path.dirname(__file__)) + "/" + "test.css"
  # c5 (empty)
  #~ cssfile = ""

  cssline = cssopen + cssfile + cssclose

  #~ htmltext = htmltextTop + htmltextBottom      # without css
  htmltext = htmltextTop + cssline + htmltextBottom

  html_file = open("test.html", "w")
  html_file.write(htmltext)
  html_file.close()


def main():
  global htmltext

  GenerateFiles()
  qApp = QtGui.QApplication(sys.argv)

  webView = QtWebKit.QWebView()

  # l1
  #~ webView.load(QtCore.QUrl.fromLocalFile("test.html")) # fails

  # l2
  #~ webView.load(QtCore.QUrl.fromLocalFile("./test.html")) # fails

  # l3
  #~ webView.load(QtCore.QUrl.fromLocalFile(os.path.abspath(os.path.dirname(__file__)) + "/" + "test.html")) # this works with #c1-#c3

  # setHtml
  #print htmltext
  webView.setHtml(htmltext) # works with #c3 (rest are unstyled)

  webView.show()
  webView.resize(500, 400)
  webView.setWindowTitle(__file__)
  sys.exit(qApp.exec_())


if __name__ == "__main__":
    main()
1 голос
/ 04 марта 2011

В Qt все пути к внешним файлам должны быть АБСОЛЮТНЫЕ пути, а не относительные.

Это не правда. Код ниже работает для меня. 

#include <QtCore>
#include <QtGui>
#include <QtWebKit>

int main(int argc, char ** argv)
{
    QApplication app(argc, argv);

    QMainWindow mainWindow;

    QWebView* webView = new QWebView(&mainWindow);
    webView->settings()->setUserStyleSheetUrl(QUrl::fromLocalFile("google.css"));

    QFile source("google.html");
    source.open(QIODevice::ReadOnly);
    webView->page()->mainFrame()->setHtml(QString::fromUtf8(source.readAll().constData()));

    mainWindow.setCentralWidget(webView);
    mainWindow.show();

    return app.exec();
}

Файл .css находится в том же каталоге как моя основная программа.

Относительные пути интерпретируются относительно текущего рабочего каталога, который не обязательно должен совпадать с каталогом исполняемого файла.

...