Add POC for web view

RedisInsight · Nov 24, 2015 · ea31f2b · ea31f2b
1 parent b12ed12
commit ea31f2b
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 1 deletion.
diff --git a/src/main.cpp b/src/main.cpp
@@ -3,6 +3,7 @@
 #include <QDir>
 #include <QSettings>
 #include <QFontDatabase>
+#include <QtWebEngine/QtWebEngine>
 #include <googlemp.h>
 
 #ifndef RDM_VERSION
@@ -14,6 +15,7 @@
 int main(int argc, char *argv[])
 {       
     QApplication a(argc, argv);
+    QtWebEngine::initialize();
 
 #ifndef QT_DEBUG
     CrashHandler::instance()->Init(QDir::homePath());

diff --git a/src/rdm.pro b/src/rdm.pro
@@ -4,7 +4,7 @@
 #
 #-------------------------------------------------
 
-QT += core gui network concurrent widgets quick quickwidgets
+QT += core gui network concurrent widgets quick quickwidgets webengine
 
 TARGET = rdm
 TEMPLATE = app

diff --git a/src/resources/qml/3rdparty/highlightjs/default.min.css b/src/resources/qml/3rdparty/highlightjs/default.min.css
diff --git a/src/resources/qml/3rdparty/highlightjs/highlight.min.js b/src/resources/qml/3rdparty/highlightjs/highlight.min.js
diff --git a/src/resources/qml/value-editor.qml b/src/resources/qml/value-editor.qml
@@ -3,6 +3,7 @@ import QtQuick.Layouts 1.1
 import QtQuick.Controls 1.2
 import QtQuick.Controls.Styles 1.1
 import QtQuick.Dialogs 1.2
+import QtWebEngine 1.1
 import "."
 import "./editors/formatters/formatters.js" as Formatters
 
@@ -25,6 +26,25 @@ Rectangle {
             viewModel.setCurrentTab(index)
         }
 
+        Tab {
+            title: "web_view!"
+
+            WebEngineView {
+                id: webview
+
+                anchors.fill: parent
+
+                Component.onCompleted: {
+                    var json_editor = '<html><head><link rel="stylesheet" href="qrc:/highlight.css"></head><body>'
+                    + '<pre><code>{"a": true}</code></pre>'
+                    + '<script src="qrc:/highlight.js"></script>'
+                    + '<script>hljs.initHighlightingOnLoad();</script></body></html>'
+
+                    webview.loadHtml(json_editor)
+                }
+            }
+        }
+
         WelcomeTab {
             objectName: "rdm_qml_welcome_tab"
             property bool not_mapped: true

diff --git a/src/resources/rdm.qrc b/src/resources/rdm.qrc
@@ -48,5 +48,7 @@
         <file>qml/AddKeyDialog.qml</file>
         <file>qml/parts/RichTextWithLinks.qml</file>
         <file>qml/3rdparty/php-unserialize-js/phpUnserialize.js</file>
+        <file alias="highlight.css">qml/3rdparty/highlightjs/default.min.css</file>
+        <file alias="highlight.js">qml/3rdparty/highlightjs/highlight.min.js</file>
     </qresource>
 </RCC>