注：在react (antd) 中使用html2canvas
將textarea轉(zhuǎn)換div即可
{
pdfFlag // react中的state，在打印的時候，先設(shè)置為true,此時顯示div，打印后設(shè)置為false拳锚，顯示textarea
?
<div className={styles.textBlock} dangerouslySetInnerHTML={{ __html: drawDescribe.replace(/(\n|\r|\r\n)/g, '<br />') }} /> // 核心代碼 drawDescribe.replace(/(\n|\r|\r\n)/g, '<br />')
:
<TextArea rows={7} value={drawDescribe} onChange={(e) => this.setState({ drawDescribe: e.target.value })} maxLength={300} />
}
樣式設(shè)置為和textarea一樣
.textBlock {
max-width: 100%;
height: auto;
min-height: 157px;
line-height: 1.5;
vertical-align: bottom;
transition: all 0.3s, height 0s;
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
width: 100%;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
line-height: 1.5;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all 0.3s;
}
