Question

如果没有iframe上的滚动条，如何显示嵌入式Google文档的完整长度？

<html>
<style>
    body { margin: 0; padding: 0; o}
    iframe { margin-left: 2vw; margin-top: 2vh; height: 100%; width: 90vw; }

</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<body>

<iframe srcdoc="" frameborder="0" scrolling="no" height="100%"></iframe>

    <script>
        $(function() {
            $.get("https://docs.google.com/document/d/17OkIgtNdV1flno_783tJm2xWU0NBh7uEmZ5wEXP2E9g/pub?embedded=true", function(html) {
                var contents = $("iframe").contents();

                contents.find("html").html(html);

                setTimeout(function() {
                    contents.find('a[href^="http://"]').attr("target", "_blank");
                    contents.find('a[href^="https://"]').attr("target", "_blank");
                }, 1000); // Actually not sure if timeout is required here...
            });
        });
    </script>
</body>
</html>

显示屏显示的是一页和一半的文字并停止。

Answer 1

Google文档当前很高兴通过CORS请求提供已发布的文档。

这意味着您不需要trace来嵌入文档。您可以改用python -c kivy:log_level:trace main.py来iframe文档，并将响应放入XMLHttpRequest的{{1}}中。

Answer 2

实际上，您甚至不需要发出GET请求即可满足您的要求。如果您只想显示文档的整个长度而无需滚动条，则可以使用带有一些CSS的<embed />标签。

<embed src="https://docs.google.com/document/d/17OkIgtNdV1flno_783tJm2xWU0NBh7uEmZ5wEXP2E9g/pub?embedded=true" width="100%" style="height: -webkit-fill-available">

当简单地添加到HTML页面时，它将高度设置为文档内容的全高，因此，您唯一拥有的滚动条是浏览器上向下滚动长度的滚动条文档。这能满足您的需求吗？

显示嵌入谷歌文档的文档的完整长度

2 个答案: