QtWebEngine rendering native Qt widgets in DOM?

Question

I am looking to rewrite a Qt application in HTML, and have QtWebEngine to render it for me. I fully understand that a HTML page will display and run in QtWebEngine.

However, one thing I am really interested in, and am unable to find documentation on - apologies if I'm looking in the wrong places - is to know if QtWebEngine allows for elements of the DOM to be "swapped" for native Qt widgets. For example, could a <div id="myWidget"> actually be a QOpenGLWidget? Is this completely nonsensical?

e.g I'd love to be able to do:

<body>
<h1>Example</h1>
<div id="myWidget">
</div>
<p>Some text</p>
</body>

and magically have my QOpenGLWidget rendered in the DOM in the place of "myWidget". My HTML could only ever be rendered by QtWebEngine, not necessarily by other browsers, so if there is a solution that means it wouldn't work in Chrome/Firefox/IE that is absolutely fine with me.

...Or would I have to use javascript running in the QtWebEngine instance to find out the position of "myWidget" and draw the QOpenGLWidget pixel data in that position myself? I really don't want to go down this route as it does not allow for things like HTML dialogs over the top of "myWidget".

I'd really appreciate any info here. An example (if this is even possible) would be fantastic. Many thanks in advance.

Archie · Accepted Answer · 2015-02-22 19:03:11Z

3

Solution for QtWebKit:

You will need to subclass QWebPluginFactory and create your widget in its create method. Then you could embed your widgets in HTML with <object> tag:

<object type="application/x-qt-plugin" name="myWdget" classid="QOpenGLWidget">
</object>

See example here

And another example here

...seems not valid anymore for new QtWebEngine.

edited Feb 22, 2015 at 19:03

answered Feb 22, 2015 at 18:26

Archie

2,67222 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user1710407 Over a year ago

Thanks Archie! It unfortunately looks like these are not compatible with QtWebEngine - see "Unavailable Qt WebKit APIs" here: qt-project.org/wiki/…

Archie Over a year ago

Oh, right, my bad. New QtWebEngine has quite limited extensibility comparing to WebKit. Is it possible for you to switch back using QtWebKit?

user1710407 Over a year ago

I'll certainly experiment - thank you so much for your answer. It's at least highlighted what I'm after is possible with Qt.

Collectives™ on Stack Overflow

QtWebEngine rendering native Qt widgets in DOM?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related