在contenteditable中模擬拖動類型的文本/純行爲

Question

如果您拖動例如文本/純文本或文本/ html，您想要放置的contenteditable元素將插入符/光標置於放置拖動內容的位置。

一個非常基本的小提琴說明我的意思：example

<div contenteditable="true">DROP TEXT HERE</div> 
This text wants to be dropped. 

我怎麼能效仿這種行爲進行自定義的數據類型？或者：如何在懸停時始終將鼠標放在鼠標指針旁邊？

Answer 1

你可以使用CSS：空僞選擇爲

[contenteditable="true"] { 
    border: 2px solid #ccc; 
    min-height: 1em; 
} 
[contenteditable="true"]:empty:before { 
    content: 'DROP TEXT HERE'; 
    color: #999; 
} 

example