原文是:
<div class="container template-block layout-type" id="template-header" data-template-name="content" data-layout-type="row">
<div class="row layout-type" data-layout-type="row">
<div class="col-xs-4 template-column layout-type" data-template-name="content" data-layout-type="column" data-layout-cols="4">
<div class="template-editor mce-content-body" data-layout-cols-name="name1" id="mce_0" style="position: relative;" spellcheck="false" >
<p>这里是 NAME1 的值</p>
</div>
</div>
<div class="col-xs-8 template-column layout-type" data-template-name="content" data-layout-type="column" data-layout-cols="8">
<div class="template-editor mce-content-body" data-layout-cols-name="name2" id="mce_21" style="position: relative;" spellcheck="false" >
<p>这里是 NAME2 的值</p>
</div>
</div>
</div>
</div>
需要替换成:
<div class="container template-block layout-type" id="template-header" data-template-name="content" data-layout-type="row">
<div class="row layout-type" data-layout-type="row">
<div class="col-xs-4 template-column layout-type" data-template-name="content" data-layout-type="column" data-layout-cols="4">
<div class="template-editor mce-content-body" data-layout-cols-name="name1" id="mce_0" style="position: relative;" spellcheck="false" >{{ name1 }}</div>
</div>
<div class="col-xs-8 template-column layout-type" data-template-name="content" data-layout-type="column" data-layout-cols="8">
<div class="template-editor mce-content-body" data-layout-cols-name="name2" id="mce_21" style="position: relative;" spellcheck="false" >{{ name2 }}</div>
</div>
</div>
</div>
首先需要查询出整段代码中所有含有 data-layout-cols-name 属性的 div,然后再将其所在的 div 标签内的内容整体替换成一个与 data-layout-cols-name 值相符合的内容,data-layout-cols-name 值不是固定的。
有没有比较快速的方法?
<div class="container template-block layout-type" id="template-header" data-template-name="content" data-layout-type="row">
<div class="row layout-type" data-layout-type="row">
<div class="col-xs-4 template-column layout-type" data-template-name="content" data-layout-type="column" data-layout-cols="4">
<div class="template-editor mce-content-body" data-layout-cols-name="name1" id="mce_0" style="position: relative;" spellcheck="false" >
<p>这里是 NAME1 的值</p>
</div>
</div>
<div class="col-xs-8 template-column layout-type" data-template-name="content" data-layout-type="column" data-layout-cols="8">
<div class="template-editor mce-content-body" data-layout-cols-name="name2" id="mce_21" style="position: relative;" spellcheck="false" >
<p>这里是 NAME2 的值</p>
</div>
</div>
</div>
</div>
需要替换成:
<div class="container template-block layout-type" id="template-header" data-template-name="content" data-layout-type="row">
<div class="row layout-type" data-layout-type="row">
<div class="col-xs-4 template-column layout-type" data-template-name="content" data-layout-type="column" data-layout-cols="4">
<div class="template-editor mce-content-body" data-layout-cols-name="name1" id="mce_0" style="position: relative;" spellcheck="false" >{{ name1 }}</div>
</div>
<div class="col-xs-8 template-column layout-type" data-template-name="content" data-layout-type="column" data-layout-cols="8">
<div class="template-editor mce-content-body" data-layout-cols-name="name2" id="mce_21" style="position: relative;" spellcheck="false" >{{ name2 }}</div>
</div>
</div>
</div>
首先需要查询出整段代码中所有含有 data-layout-cols-name 属性的 div,然后再将其所在的 div 标签内的内容整体替换成一个与 data-layout-cols-name 值相符合的内容,data-layout-cols-name 值不是固定的。
有没有比较快速的方法?