textarea中的draggable元素（如html编辑器）

Question

我搜索了整个intetnet，但是到目前为止我找不到它， 我需要一个texteditable div的textarea中的可拖动输入，可拖动的textarea必须是文本的一部分，并在提交textarea后，它必须在te文本中找到。 它必须有点像html编辑器。

<div class="editable" contenteditable="false" style="width:300px; height:50px; border:1px solid silver; background-color:#FFF;">text text text                      
                    <input type="text" disabled="true" /> <img src="any url"/>
                </div>

在此代码中，图像可以在文本中拖动，但不能在输入

中拖动

...谢谢 编辑： 我需要一个带有输入的textarea，它可以在textarea中对文本进行排序。

Answer 1

如果我理解你的问题，这应该有效：

HTML：

<div class="sortable-wrapper">
<ul id="sortable-list">
<div class="ui-state-default">
<textarea></textarea>
</div>
</ul>
</div>

jQuery的：

$( "#sortable-list" ).sortable();
$( "#sortable-list" ).disableSelection();