javascript - jQuery div 到 textarea 包装 unwrap unwrapinner

Question

我想使用jwysiwyg https://github.com/akzhan/jwysiwyg但我希望它应用于 div 元素而不是文本区域。我认为该插件不允许使用 div。因此，在应用 .jwywiwig() 之前，我需要在单击时将 div 转换为 textarea。

我想做

<div style="width:300px;height:200px; background:red">testing</div>

进入此

<textarea style="width:300px;height:200px; background:red">testing</textarea>

如何在保持 div 内的内联样式和 html 的同时做到这一点。

Answer 1

更好的方法是使用 wrapInner() 这样您就不必担心复制文本或样式。您所要做的就是包裹和展开。

要换行，请执行此操作

$('#test').wrapInner('<textarea style="width:100%; height:100%; background-color:transparent; border:0"/>'); 

内联样式使得文本区域占据父 div 的完整宽度和高度，并且还显示父 div 的背景颜色。

要展开文本区域，请执行以下操作

$("#test").html($('#test textarea').val());