角度高度为100%的TinyMCE不工作

Question

将TinyMCE添加到我的项目中，但无法获得填充页面的高度。这是我的html页面，只是一个简单的全屏div，里面有编辑器：

<div class="page-layout blank p-24" fusePerfectScrollbar>
    <editor
        apiKey="8zpue1x5ae105wdqusojcbzo6vov9mpymvixyf4375qv9mfk"
        [init]="{
            menubar: false,
            resize: true,
            height: '100%',
            min_height: 350,
            plugins: [
                'advlist autolink lists link image imagetools imagecharmap preview anchor',
                'searchreplace visualblocks code fullscreen',
                'insertdatetime media table paste code'
            ],
            toolbar:
                'undo redo | formatselect | bold italic backcolor | \
                alignleft aligncenter alignright alignjustify | \
                bullist numlist outdent indent | removeformat | image'
            }"
    ></editor>

</div>

但当它加载时，它开始时就好像我将高度设置为0，直到我尝试调整它的大小。

Answer 1

在您的代码中，编辑器标记的高度被分配给将在编辑器组件中创建的iframe。现在，编辑器标记没有采用封闭div的高度，因此您看不到想要的高度。

将style=" height : 100%;“添加到编辑器标签中，它的高度将是包含div的高度，然后iframe将具有包含编辑器标签的高度。