Wrap articles in some HTML gravy on load

2016-12-16 15:01:28 +01:00 · 2016-12-16 15:01:28 +01:00 · 3a61c6c040
parent 34b92ac82c
commit 3a61c6c040
1 changed files with 22 additions and 1 deletions
--- a/qml/pages/ArticlePage.qml
+++ b/qml/pages/ArticlePage.qml
@ -26,6 +26,7 @@ Page {
    id: articlePage
    allowedOrientations: Orientation.All

+    property string title
    property string content

    SilicaWebView {
@ -33,7 +34,27 @@ Page {
        anchors.fill: parent

        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
+    }
 }