Qt 5.11 | Qt WebEngine | WebEngine Markdown Editor Example | index.html Example File

Qt 5.11.3 Reference Documentation

# 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="3rdparty/markdown.css">
        <script src="3rdparty/marked.js"></script>
        <script src="qrc:/qtwebchannel/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>