WebEngine Markdown Editor Example

Demonstrates how to integrate a web engine in a hybrid desktop application.

Article lu fois.

L'auteur

The Qt Company Ltd.

L'article

Publié le 27 décembre 2024 - Mis à jour le 27 décembre 2024

Liens sociaux

WebEngine Markdown Editor Example▲

Sélectionnez

&lt;!doctype html&gt;
&lt;html lang="en"&gt;
&lt;meta charset="utf-8"&gt;
&lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="3rdparty/markdown.css"&gt;
  &lt;script src="3rdparty/marked.js"&gt;&lt;/script&gt;
  &lt;script src="qrc:/qtwebchannel/qwebchannel.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;div id="placeholder"&gt;&lt;/div&gt;
  &lt;script&gt;
  '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);
    }
  );
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants :