CSS在QWebEngineView.setHtml()中不起作用
CSS在QWebEngineView.setHtml()中不起作用
提问于 2018-07-18 02:52:20
我有一个从渲染Jinja模板中获得的字符串。在模板中，我有css文件的绝对路径。例如：
<link rel='stylesheet' href="C:\Users\User\project\reports\template\css">但是，当我在QWebEngineView中设置html时，只显示普通的HTML，而不显示CSS。我怎样才能检测到css引用？
这是我的代码
class WidgetEdificioCirsoc(QtWidgets.QWidget):
def __init__(self):
super().__init__()
self._tab_edificio = widgets.TabEdificio()
self._webview = QtWebEngineWidgets.QWebEngineView()
layout_horizontal_principal = QtWidgets.QHBoxLayout()
layout_horizontal_principal.addWidget(self._tab_edificio)
layout_horizontal_principal.addWidget(self._webview)
self.setLayout(layout_horizontal_principal)
def calcular(self):
edificio = self._tab_edificio()
reporte = edificio.reporte.html() # Generate the string
self._webview.setHtml(reporte) # Set the string回答 1
Stack Overflow用户
发布于 2018-07-18 04:41:43
当您使用setHtml()方法时，QWebEngineView不处理urls，解决方法是使用javascript加载css，如下所示：
.
├── main.py
└── css
└── styles.cssmain.py
from PyQt5 import QtWebEngineWidgets, QtWidgets, QtCore
def loadCSS(view, path, name):
path = QtCore.QFile(path)
if not path.open(QtCore.QFile.ReadOnly | QtCore.QFile.Text):
return
css = path.readAll().data().decode("utf-8")
SCRIPT = """
(function() {
css = document.createElement('style');
css.type = 'text/css';
css.id = "%s";
document.head.appendChild(css);
css.innerText = `%s`;
})()
""" % (name, css)
script = QtWebEngineWidgets.QWebEngineScript()
view.page().runJavaScript(SCRIPT, QtWebEngineWidgets.QWebEngineScript.ApplicationWorld)
script.setName(name)
script.setSourceCode(SCRIPT)
script.setInjectionPoint(QtWebEngineWidgets.QWebEngineScript.DocumentReady)
script.setRunsOnSubFrames(True)
script.setWorldId(QtWebEngineWidgets.QWebEngineScript.ApplicationWorld)
view.page().scripts().insert(script)
HTML = """
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>I am formatted with a style sheet</h1>
<p>Me too!</p>
</body>
</html>
"""
if __name__ == '__main__':
import sys
app = QtWidgets.QApplication(sys.argv)
view = QtWebEngineWidgets.QWebEngineView()
view.setHtml(HTML, QtCore.QUrl("index.html"))
loadCSS(view, "css/styles.css", "script1")
view.show()
sys.exit(app.exec_())css/styles.css
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51388443
复制相关文章
相似问题