标准h5文档类型声明标签 <!DOCTYPE html> 存在时，无法绘制

<!DOCTYPE> 标签支持问题,about hizzgdev/jsmind

Comments (5)

ttsdzzg commented on July 1, 2024

看一下这个地址 http://hizzgdev.github.io/jsmind/
声明的也是<!DOCTYPE html>

from jsmind.

shaozujie commented on July 1, 2024

额... 这个是ok的，可是我这边不知道啥问题，只要是<!DOCTYPE HTML>就绘制不了，不要HTML或改为别的如HTML5则可以绘制...神奇... 我的用示例代码如下

<!DOCTYPE HTML>
<!-- <!DOCTYPE> -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Document</title>
    <link type="text/css" rel="stylesheet" href="jsmind-master/style/jsmind.css" />
        <script type="text/javascript" src="jsmind-master/js/jsmind.js"></script>
</head>

<body>
    <div id="container"></div>
    <script type="text/javascript">
        var mind = {
            "meta":{
                "name":"demo",
                "author":"",
                "version":"0.1"
            },
            "format":"node_tree",
            "data": {
                "id": "root",
                "topic": "web",
                "children": [{
                    "id": "easy",
                    "topic": "Easy"
                }, {
                    "id": "open",
                    "topic": "Open Source",
                    "children": [{
                        "id": "open1",
                        "topic": "on GitHub"
                    }, {
                        "id": "open2",
                        "topic": "BSD License"
                    }]
                }]
            }
        };

        var options = {
            container: 'container',
        };
        var jm = new jsMind(options);
        jm.show(mind);
    </script>
</body>
</html>

from jsmind.

hizzgdev commented on July 1, 2024

看看控制台输出的内容。

from jsmind.

shaozujie commented on July 1, 2024

控制台和正常绘制输出的一样，这里实际上是已经绘制了，只不过标准h5文档声明<!DOCTYPE HTML>下，容器的高度未被撑开，即#container容器的高度为0，而子容器.jsmind-inner的overflow为auto，此种情况下改为visible即可看到图了.
而示例代码http://hizzgdev.github.io/jsmind/中，通过函数`set_container_size()`给容器`#jsmind_container`设定了高度，从而避免了这个问题的出现。
现在要考虑的问题的是，如果不给容器设定高度，也不指定相关容器的overflow,能否像设置非标准h5文档声明一样可以自动撑开这个高度。
我抽时间再研究下源码，谢谢 @hizzgdev 的回复

from jsmind.

hizzgdev commented on July 1, 2024

container容器的高度需要按业务场景自行指定。jsmind要确保自身不会超过预设的尺寸。不建议修改jsmind-inner的样式。

from jsmind.

Recommend Projects