opt: use iframe resizer plugin to resize the iframe height.

article_maker.cc

@@ -59,7 +59,10 @@ std::string ArticleMaker::makeHtmlHeader( QString const & word,
     result += "<script> var $_$=$.noConflict(); </script>";
 
     //custom javascript
-    result += "<script type=\"text/javascript\"   src=\"qrc:///resources/gd-custom.js\"></script>";
+    result += "<script type=\"text/javascript\" src=\"qrc:///resources/gd-custom.js\"></script>";
+
+    //iframe resizer javascript
+    result += "<script type=\"text/javascript\" src=\"qrc:///scripts/iframeResizer.min.js\"></script>";
   }
 
   // add qwebchannel

goldendict.pro

@@ -564,6 +564,7 @@ CONFIG( chinese_conversion_support ) {
 }
 
 RESOURCES += resources.qrc \
+    scripts.qrc \
     flags.qrc
 #EXTRA_TRANSLATIONS += thirdparty/qwebengine_ts/qtwebengine_zh_CN.ts
 TRANSLATIONS += locale/ru_RU.ts \

iframeschemehandler.cpp

@@ -47,7 +47,8 @@ void IframeSchemeHandler::requestStarted(QWebEngineUrlRequestJob *requestJob)
     QString baseTagHtml = "<base href=\"" + base + "\">";
 
     QString depressionFocus =
-      "<script type=\"application/javascript\">HTMLElement.prototype.focus=function(){console.log(\".focus has been depressed \");}</script>";
+      QStringLiteral( "<script type=\"application/javascript\">HTMLElement.prototype.focus=function(){console.log(\".focus has been depressed \");}</script>"
+                      "<script type=\"text/javascript\" src=\"qrc:///scripts/iframeResizer.contentWindow.min.js\"></script>");
 
     // remove existed base tag
     articleString.remove( baseTag ) ;

resources/gd-custom.js

@@ -49,23 +49,7 @@
         });
 
         //monitor iframe height.
-
-        $("iframe").on("load", function () {
-            var iframe = $(this);
-            resizeIframe(iframe[0]);
-        });
-
-        function resizeIframe(obj) {
-            setInterval(function () {
-                //in some cases ,the website in iframe will load result after document has been loaded. the height will continue to change.
-                var height = $(obj).contents().height();
-                $(obj).height(Math.min(2000, height));
-                if (height >= 2000) {
-                    obj.scrolling = "yes";
-                }
-            }, 500);
-        }
-
+        $('iframe').iFrameResize({ checkOrigin:false,maxHeight :1500,scrolling:true,warningTimeout:0,minHeight :250});
     });
 })($_$);
 

scripts.qrc

@@ -0,0 +1,9 @@
+<RCC>
+    <qresource prefix="/">
+        <file>scripts/iframeResizer.contentWindow.min.js</file>
+        <file>scripts/iframeResizer.min.js</file>
+        <file>scripts/gd-builtin.js</file>
+        <file>scripts/gd-custom.js</file>
+        <file>scripts/jquery-3.6.0.slim.min.js</file>
+    </qresource>
+</RCC>