span
実行時にタグをタグに変更する必要がありimg
ます。
これは私のhtmlブロックです:
<body onload="mediaInputFilter ()">
<section data-role="page" data-theme="ams">
<section data-role="header" >
<h1>header ssssssssssssssssssssssssssssss sssssssssssssssssssssss ssssssssssssssssssssssssss ssssssssssssssss ssssssssssss</h1>
</section>
<section data-role="conents" id="mycontent" >
<p>loruim epsum haha </p>\n<p>hehe told u </p>\n<ol class="starpasspro-upper-alpha_ol">\n<li>gasdfg</li>\n<li>sdfffasd</li>\n<li>asdfffasdf</li>\n<li>asdfasdfasdfasd</li>\n</ol>\n\n<table class="table_with_header lsm-tableclass-styles">\n<tbody>\n<tr>\n<td class="lsm_table_heading_1">Description</td>\n<td class="lsm_table_heading_1">Amount</td>\n</tr>\n<tr>\n<td>Gross salary</td>\n<td> xxxx</td>\n</tr>\n<tr>\n<td>Less: income tax (£35,000 x 25%)</td>\n<td> xxxx</td>\n</tr>\n<tr>\n<td>Less: social security tax (£50,000 x 9%)</td>\n<td> xxxx</td>\n</tr>\n<tr>\n<td>Net earnings</td>\n<td> xxxx</td>\n</tr>\n<tr>\n<td>Employer’s contribution on social security<br>(£50,000 x10.5%)</td>\n<td> xxxx</td>\n</tr>\n</tbody>\n</table>\n\n
<p><span data-lscp-resource-mimetype="image/png" data-lscp-resource-id="00001"></span></p>
</section>
<section data-role="footer">
<p>footer</p>
</section>
</section>
img
HTML が実行された後、すべてのスパン タグをタグに自動的に変換する必要があります。
私はこれを別の方法で試してみましたが、このシナリオでは機能しません。
これが私のjsです(これはjQueryで書かれています)
function mediaInputFilter(){
$($("section[data-role='conents']").html()).find("span[data-rcb-resource-mimetype^=image]").each(function (i,node) {
var imgNode = $(node);
var src = '../images/00001.png';
var spanNode = $("<span/>");
spanNode.attr("data-rcb-resource-mimetype", imgNode.attr("data-rcb-resource-mimetype"));
spanNode.attr("data-rcb-resource-id", imgNode.attr("data-rcb-resource-id"));
spanNode.attr("src", src);
imgNode.after(spanNode);
imgNode.remove();
});
}
これに関するヘルプがあれば、私が間違っている場所を教えてください。または、私が開いている別の解決策がある場合は教えてください。