Question

我想要做的是为img标签添加一个属性。问题似乎是Javascript或浏览器只是纠正它看到的内容，但重要的是它不会试图纠正我的输入。代码来自Magento商店，实际上是实际图像的占位符。我的预期结果是让相同的SRC进入IN和OUT。

这是缩短的代码，展示了这个问题;完整的例子位于底部的JSFiddle：

我有一个textarea（id = textr），代码如下：

<p><img style="display: block; margin-left: auto; margin-right: auto;" 
title="video icon" alt="video Icon" src="{{media 
url="wysiwyg/Siegel/videoicon.jpg"}}" /></p>

当我使用以下内容创建可解析的DOM内容时：

var el = document.createElement( 'html' );
    el.innerHTML = document.getElementById("textr").value;

并希望找到所有图像：

var totalimages = el.getElementsByTagName('img');
    for(var i = 0; i < totalimages.length; i++){
        console.log(el.getElementsByTagName('img')[i].getAttribute("src"));             
    }

我明白了：

src="{{media url=" wysiwyg="" siegel="" videoicon.jpg"}}"=""

而不是：

src="{{media url="wysiwyg/Siegel/videoicon.jpg"}}"

可以在此处找到完整的代码来测试：https://jsfiddle.net/763wf9fy/

这里做什么？当我尝试用PHP解析它时，我遇到同样的问题，我真的不想从正则表达式开始来处理这个问题。

Answer 1

用单引号替换内部双引号。更改

src="{{media url="wysiwyg/Siegel/videoicon.jpg"}}"到

src="{{media url='wysiwyg/Siegel/videoicon.jpg'}}".

或者您可以用单引号

替换外部双引号

src='{{media
url="wysiwyg/Siegel/videoicon.jpg"}}'

使Javascript不解析IMG SRC属性

1 个答案: