Wrap articles in some HTML gravy on load
parent
34b92ac82c
commit
3a61c6c040
|
@ -26,6 +26,7 @@ Page {
|
||||||
id: articlePage
|
id: articlePage
|
||||||
allowedOrientations: Orientation.All
|
allowedOrientations: Orientation.All
|
||||||
|
|
||||||
|
property string title
|
||||||
property string content
|
property string content
|
||||||
|
|
||||||
SilicaWebView {
|
SilicaWebView {
|
||||||
|
@ -33,7 +34,27 @@ Page {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
|
||||||
Component.onCompleted: {
|
Component.onCompleted: {
|
||||||
loadHtml( articlePage.content )
|
loadHtml( wrapArticleContent() )
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function wrapArticleContent() {
|
||||||
|
var html =
|
||||||
|
"<html>" +
|
||||||
|
"<head>" +
|
||||||
|
"<style type=\"text/css\">" +
|
||||||
|
"article { font-family: sans-serif; font-size: 12px; }" +
|
||||||
|
"article h1 { font-size: 24px; }" +
|
||||||
|
"</style>" +
|
||||||
|
"</head>" +
|
||||||
|
"<body>" +
|
||||||
|
"<article>" +
|
||||||
|
"<h1>" + articlePage.title + "</h1>" +
|
||||||
|
articlePage.content +
|
||||||
|
"</article>" +
|
||||||
|
"</body>" +
|
||||||
|
"</html>"
|
||||||
|
|
||||||
|
return html
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue