JavaScriptによるhtml属性の追加replace（regexp）

ng-click属性をString.replaceを使用して文字列内のIMGタグに追加する必要があります。JavaScriptによるhtml属性の追加replace（regexp）

例：

<p>Test1</p> 
<p> 
    <img class="fr-dib fr-draggable" src="http://admin.fsn.dev/uploads/a4cafaf13aabb97b041a50ae55c7bb6d331a7cc4.jpg" ng-click="openModal('http://admin.fsn.dev/uploads/a4cafaf13aabb97b041a50ae55c7bb6d331a7cc4.jpg')"> 
    Foto1 
</p> 
<p> 
    <img class="fr-dib fr-draggable" src="http://admin.fsn.dev/uploads/c5a7fc84d8f552d208e5ee0e0cbcecc0d547b441.jpg" ng-click="openModal('http://admin.fsn.dev/uploads/c5a7fc84d8f552d208e5ee0e0cbcecc0d547b441.jpg')" style="width: 300px;"> 
</p>

どれ提案：

<p>Test1</p> 
<p> 
    <img class="fr-dib fr-draggable" src="http://admin.fsn.dev/uploads/a4cafaf13aabb97b041a50ae55c7bb6d331a7cc4.jpg"> 
    Foto1 
</p> 
<p> 
    <img class="fr-dib fr-draggable" src="http://admin.fsn.dev/uploads/c5a7fc84d8f552d208e5ee0e0cbcecc0d547b441.jpg" style="width: 300px;"> 
</p>

はに変換する必要が？

私はこれを試みたが、運:(

data = data.replace(/<img(.*)src="(.*)"(.*)>/ig,'<img $1 src="$2" ng-click="openModal(\'$2\')" $3')

出典

2016-07-12 Simone

レンダリングされたdomにangleディレクティブマークアップをフックするには、間違った解決策を検討しています。 –

これはあまり正確ではないことは分かっていますが、このタグを画像に添付する必要があります。 htmlは外部のwysiwygエディタから作成され、イベントを添付してクリック時に画像をズームする必要があります。 – Simone

また、angleJsの代わりにJQueryを使用することもできます。これは、angluarJsがdomで動作するよう指示する必要があり、Jqueryはセレクタを使用するだけで柔軟性があるからです。 –

はこの試してみてくださいません：私は正規表現であることを疑うが、

data.replace(/(<img.*src="([^"]*)"[^>]*)>/ig,'$1 ng-click=\"openModal(\'$2\')\">');

正規表現はわずか2つのキャプチャグループを使用しています

を。タグに属性を追加する理想的な方法。
example

出典

2016-07-12 11:36:07 LukStorms

JavaScriptによるhtml属性の追加replace（regexp）

答えて

関連する問題