使文本区域填充屏幕顶部,使 IFrame 填充底部



我正在电子中制作一个HTML编辑器,我希望我编写HTML的文本区域位于屏幕顶部,而我的IFrame将我的HTML显示为底部的页面,而且两者都需要恰好适合屏幕的一半。这是我带来的:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML Editor</title>
</head>
<body>
    <textarea id="editor"></textarea>
    <iframe id="view"></iframe>
</body>
</html>

正如您可能理解的那样,它并不适合我想要的,我非常感谢获得帮助。

#editor {height: 50vh; width: 100%;}
#view {height: 50vh; width: 100%;}
<textarea id="editor">your text</textarea>
    <iframe id="view"></iframe>

使用它,如果需要任何更改,请告诉我

最新更新