jquery - textarea 中的可拖动元素（如 html 编辑器）

Question

我搜索了整个互联网，但到目前为止我找不到它，我需要在 texteditable div 的 textarea 内有一个可拖动的输入，可拖动的 textarea 必须是文本的一部分，并且在提交 textarea 后它必须是可在文本中找到。它必须有点像 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>

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

谢谢... 编辑：我需要一个带有输入的文本区域，可以对文本区域内的文本进行排序。

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();