Javascript 文本区域中的跨距内容 .span1{ 左：10px； } .span2{ 左：20px； } 1. 2.

我想在textarea中显示上述内容，需要一个正则表达式，在这里我可以用

替换

标记，以便正确显示textarea中的内容

---

它是为文本编辑器，我想把某些关键字自动对齐。我正在使用处于隐藏状态的文本区域。当用户更改div中的代码时，它会反映在div中的文本区域中，代码使用css以不同的颜色显示。我希望css标签1被删除，并在我想要的textarea中的位置替换110，这样当文件保存时，它将以正确的格式提交。

我不确定我是否理解您的意思，但如果我错了，请纠正我。该守则使用：

var shiftStep=10，
输出=''；
$（'span'）。每个（函数（）{
变量$this=$（this），
value=$this.text（），
leftOffset=$this.css（'left'）.slice（0，-2），
饰面=数学地板（左偏移/移位步骤）；
对于（变量i=0；i

此外，您还必须稍微更改CSS

---

工作结果：

我不确定我是否理解你，但如果我错了，请纠正我。该守则使用：

var shiftStep=10，
输出=''；
$（'span'）。每个（函数（）{
变量$this=$（this），
value=$this.text（），
leftOffset=$this.css（'left'）.slice（0，-2），
饰面=数学地板（左偏移/移位步骤）；
对于（变量i=0；i

此外，您还必须稍微更改CSS

---

工作结果：

@Downvorters:这是SO OP的第一个问题。请说出你认为这个问题有什么问题，以帮助他提出一个更好的方法，而不是简单地点击一个按钮。请详细说明你的问题，你是在找javascript/jquery来做这件事吗？@downvorters:这是SO的第一个问题。请说出你认为这个问题有什么问题，以帮助他提出一个更好的方法，而不是简单地单击按钮。请详细说明你的问题，你是在寻找javascript/jquery来实现这一点吗？。

<style>    
    .span1{
         left:10px;
     }

    .span2{
         left:20px;
     }
</style>

<span class='span1'> 1 </span> 
<span class='span2'> 2 </span>

var shiftStep = 10,
    output = '';

$('span').each(function() {
    var $this = $(this),
        value = $this.text(),
        leftOffset = $this.css('left').slice(0, -2),
        finish = Math.floor(leftOffset / shiftStep);

    for (var i = 0; i < finish; i += 1) {

        /*
         * '&nbsp;' will be displayed as '&nbsp;'
         * in textarea, so use ' ' (space)
         */ 
        output += ' ';
    }

    output += value + '\n';
});

$('#output').val(output);