textarea 中的可拖动元素（如 html 编辑器）答案

【问题标题】：dragable element in textarea (like a html editor)textarea 中的可拖动元素（如 html 编辑器）
【发布时间】：2013-05-16 13:20:55
【问题描述】：

我搜索了整个互联网，但到目前为止我找不到它，我需要在 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>

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

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

【问题讨论】：

标签： jquery html textarea

【解决方案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();

【讨论】：

不是真的输入必须在文本中与文本区域中的文本一起拖动
我不明白你想要什么，你能说清楚一点吗？
我需要有一个文本区域，里面有一个输入，可以对文本区域中的文本进行排序。
将输入类型包装在 div 或 span 中（取决于哪个有效）并在其上应用可拖动事件。