我正在为大学做一个作业，我想用HTML，CSS和JS创建一个富文本编辑器。我正在使用MIDAS API，我知道不建议使用它，但它只用于短期项目。我的问题是打印div的内容，因为它总是出现在div所在的位置，而不是页面的顶部。请求的解决方案:一种只打印contenteditable div内容的方法或一种将其移动到页面顶部的方法。

HTML

<button class="fa fa-print"            onclick="printtext()"                            ></button>
<div  id="editor1" class="border1" contenteditable="true" style="min-height:10em; padding:1em;">
</div >

JS

function printtext(){
        window.print();
      }

CSS

<style type="text/css" media="print" >
        
    body{
                visibility: hidden;
    }
    #editor1{
    visibility: visible;
    border: none !important; 
    }
    
    @page { size: auto;  margin: 0; }
    </style>
  
  
  <style>