index.html Example File

webenginewidgets/markdowneditor/resources/index.html


  <!doctype html>
  <html lang="en">
  <meta charset="utf-8">
  <head>
    <link rel="stylesheet" type="text/css" href="markdown.css">
    <script src="marked.min.js"></script>
    <script src="qwebchannel.js"></script>
  </head>
  <body>
    <div id="placeholder"></div>
    <script>
    'use strict';

    var placeholder = document.getElementById('placeholder');

    var updateText = function(text) {
        placeholder.innerHTML = marked(text);
    }

    new QWebChannel(qt.webChannelTransport,
      function(channel) {
        var content = channel.objects.content;
        updateText(content.text);
        content.textChanged.connect(updateText);
      }
    );
    </script>
  </body>
  </html>