如何使用contenteditable = true在firefox上使这个div不可调整和可拖动

Question

this is my code:

<div contenteditable=true style="position:absolute;top:300px;width:200px;height:300px;background:red;color:black;">
        ddwwwwwwwwwwwwwwwwwwwww
</div>

i use contenteditable=true to make the div editable, but it also can resizeable and draggable on firefox ,

so how to make it not resizeable and draggable

thanks

Answer 1

Put the contenteditable div inside another that has the positioning you want:

<div style="position:absolute;top:300px;width:200px;height:300px;background:red;color:black;">
    <div contenteditable=true>
        ddwwwwwwwwwwwwwwwwwwwww
    </div>
</div>