Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.07.2020, 17:17
Аспирант
Отправить личное сообщение для Dark Souls Посмотреть профиль Найти все сообщения от Dark Souls
 
Регистрация: 06.03.2017
Сообщений: 37

Замена url во всем html
Доброго времени суток!

Пытаюсь настроить Gulp на работу с Wordpress. Проблема в ссылках на кртинки.
WP нужно указывать полный путь, типо:
src="<?= get_template_directory_uri().'/assets/images/picture.jpg' ?>"
но в таком случае тупит gulp-webpHtml - модуль, который подключает webp картинки, если браузер их поддерживает.

Пришла мысль в момент выгрузки html файла подменить ссылки, только вот тупой я в регулярках.
Стоит gulp-replace. Нужно в момент выхрузки у всех [src, srcset, xlink:href] заменить url.

пример:
<svg>
    <use xlink:href="./assets/images/sprite.svg#tollbar"></use>
</svg>
<picture>
    <source srcset="./assets/images/picture.webp" type="image/webp">
    <img src="./assets/images/picture.png" type="image/png">
</picture>

заменить на
<svg>
    <use xlink:href="<?= get_template_directory_uri().'/assets/images/sprite.svg#tollbar' ?>"></use>
</svg>
<picture>
    <source srcset="<?= get_template_directory_uri().'/assets/images/picture.webp' ?>" type="image/webp">
    <img src="<?= get_template_directory_uri().'/assets/images/picture.png' ?>" type="image/png">
</picture>

Help пожалуйса!
Ответить с цитированием
  #2 (permalink)  
Старый 08.07.2020, 20:17
Аспирант
Отправить личное сообщение для Dark Souls Посмотреть профиль Найти все сообщения от Dark Souls
 
Регистрация: 06.03.2017
Сообщений: 37

Всем спасибо!
Решил вопрос (может кому-то понадобиться)

...
.pipe (load.replace(/(srcset|src|xlink:href)="\.(.+?)"/g, function (str, s, v) {
    return s +'="<?= get_template_directory_uri().\''+ v + '\' ?>"'; 
}))
...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получение html тултипа rustleofstars Оффтопик 0 20.09.2018 14:00
вывод сообщений со стены vk Радиойод Общие вопросы Javascript 0 15.11.2017 15:48
замена текста html тегами Фридрих Общие вопросы Javascript 1 27.02.2017 05:43
переход на выбор сайт через поле ввода url (как убрать функцию "открыть все") ? rashid86 Элементы интерфейса 1 31.03.2011 14:54
Замена текста в атрибуте HTML тега, например часть url vasa666 Общие вопросы Javascript 6 24.02.2011 10:18