一、定義和用法

1、所有主流瀏覽器都支持 contenteditable 屬性。
2、contenteditable 屬性指定元素內(nèi)容是否可編輯。
3、可以通過(guò)innerText和innerHTML獲取對(duì)應(yīng)的文本。

二、寫法

<div class="aeex_bi_E" ref="aeex_inputArea" contenteditable="true" placeholder="1.支持Word、txt、PDF中的試題，批量復(fù)制錄入，一次建議200-300題
2.先查看右上角【試題格式案例】，按照格式要求，編輯試題后批量復(fù)制
3.試題格式出錯(cuò)時(shí)，右側(cè)檢查區(qū)會(huì)出現(xiàn)紅色框提示，說(shuō)明需要修改試題格式" @input="editInputArea"></div>

1、通過(guò)css來(lái)控制點(diǎn)擊區(qū)域的顯示和隱藏

div[contenteditable]:empty:not(:focus):before {
  content: attr(placeholder);
  color: #aaa ;
}

2、通過(guò)css來(lái)顯示默認(rèn)文本

div.aeex_bi_E:empty:before {
    content: attr(placeholder);
    color: #aaa;
    font-size: 14px;
  }

三、效果圖

截圖