Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/entity-framework/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在div内容编辑器中自由移动图像_Javascript_Html_Css_Contenteditable - Fatal编程技术网

Javascript 在div内容编辑器中自由移动图像

Javascript 在div内容编辑器中自由移动图像,javascript,html,css,contenteditable,Javascript,Html,Css,Contenteditable,如何在divcontenteditable中添加功能以允许图像自由移动?我希望能够单击并拖动图像,将其放置在contenteditable中我想要的任何位置。如果可能的话,我想要一个普通的JavaScript解决方案(没有jquery) #myContent{ 高度:90vh; 宽度:62vw; 背景色:#dfdfdf; 左:2%; 右:2%; 垫面:5px; 溢出y:滚动; 线高:20px; } #myContent:焦点{ 大纲:无; } #myContent::-webkit滚动条{ 显

如何在div
contenteditable
中添加功能以允许图像自由移动?我希望能够单击并拖动图像,将其放置在
contenteditable
中我想要的任何位置。如果可能的话,我想要一个普通的JavaScript解决方案(没有jquery)

#myContent{
高度:90vh;
宽度:62vw;
背景色:#dfdfdf;
左:2%;
右:2%;
垫面:5px;
溢出y:滚动;
线高:20px;
}
#myContent:焦点{
大纲:无;
}
#myContent::-webkit滚动条{
显示:无;
}


这实际上与contenteditable本身没有任何关系。您只需将元素声明为。如果您的contenteditable div内容中有一个图像,只需将其拖动到新位置即可。不需要额外的工作。@Coach先生,它似乎不允许我移动它。你能提供一些代码来复制它吗?@Scott Marcus我怎么能一直检查粘贴的图像?我的程序只会在一开始检查它,然后它将不允许移动其余的图像。这实际上与ContentEditable本身没有任何关系。您只需将元素声明为。如果您的contenteditable div内容中有一个图像,只需将其拖动到新位置即可。不需要额外的工作。@Coach先生,它似乎不允许我移动它。你能提供一些代码来复制它吗?@Scott Marcus我怎么能一直检查粘贴的图像?我的程序只会在开始检查它,然后它将不允许移动其余的图像