BriskBard, CEF4Delphi, WebView4Delphi, WebUI4Delphi and WebUI4CSharp

In the demo EditorBrowser, I inserted an image and need to implement the following function: click on the image, and then you can operate on it, such as deleting, dragging and dropping.

Does anyone know how to do it.

thanks.

Hi,

That demo executes this deprecated JavaScript command to edit the text and insert images : document.execCommand.
https://developer.mozilla.org/en-US/docs/Web/API/document/execCommand

You can also use the experimental Input.dispatchKeyEvent DevTools method :
https://chromedevtools.github.io/devtools-protocol/1-3/Input/#method-dispatchKeyEvent

The DevTools method is used by the EditorBrowser demo for WebView4Delphi and it also works fine.

Thank you for your reply.

I have tested the EditorBrowser demo for WebView4Delphi, but it did not meet my requirements.

Is there any other way to select an image with a mouse click and adjust its size.

Try executing JavaScript code to modify the width and height of the new IMG element.