Заменить закодированные символы только для iframes Jquery

Question

Заменить закодированные символы только для iframes Jquery

0

Редактор WYSIWYYG в CMS, который я использую, разбивает код iframe так, чтобы этот код

<p><iframe src="http://www.example.com" frameborder="0" width="300" height="300" scrolling="no"></iframe></p>

появляется при загрузке на страницу

<p>&lt;iframe src="http://www.example.com" frameborder="0" width="300" height="300" scrolling="no"&gt;&lt;/iframe&gt;</p>

Я исправил это, используя этот код.

$('p').each(function () {
    var $this = $(this);
    var tt = $this.text();
    $this.html(tt.replace('&lt', '<').replace('&gt', '>'));
});

Однако, если у меня есть другие теги на странице, например

<p><strong>Strong text </strong></p>

Это также становится обнаженным, чтобы

<p>Strong text </p>

Как я могу заставить это изменение примениться только к iframes?

Я пробовал что-то подобное, но это не сработало.

$this.html(tt.replace('&lt;iframe', '<iframe').replace('&gt;&lt;/iframe&gt;', '</iframe>'));

ak85 17 дек. 2013, в 03:22

Источник

Теги:

javascript

jquery

html

iframe

3 ответа

1

Хорошо, прежде всего, попробуйте найти, где изменить настройки вашего RTE. Это распространенная проблема, и вы должны иметь возможность контролировать, какие теги разрешены.

Если вы действительно хотите взломать его с помощью jQuery, вы можете создать свой шаблон, например:

<p class="iframeMe" data-src="http://iframe-source" data-width="500" data-height="500"> Iframe will appear here </p>

$('.iframeMe').each(function () {
    var $this = $(this);
    var $iframe = $('<iframe />').attr('src', $this.data('src')).attr('width', $this.data('width')).attr('height', $this.data('height'));
    $this.append($iframe);
});

Hugo Silva 16 дек. 2013, в 23:47

0

попробуйте этот селектор:

$('iframe').each(function () {
    var $this = $(this).parent(); // get its parent
    var tt = $this.text();
    $this.html(tt.replace('&lt', '<').replace('&gt', '>'));
});

Banana-In-Black 17 дек. 2013, в 00:57

Ещё вопросы

ak85 · Accepted Answer · 2013-12-21T07-51-00.000Z

Я закончил работу с использованием: содержит:

$('p:contains("iframe")').each(function () {
    var $this = $(this);
    var tt = $this.text();
    $this.html(tt.replace('&lt', '<').replace('&gt', '>'));
});

не лучшее решение, но это работает для сайта.