regex101: Regex Library
pcre2
uzbekistan phone number
uzbekistan phone number
Submitted by Elbek Khamdullaev — 6 hours ago
pcre2
Find GUI {198699vh876ehge}
Find a GUI {29v9v9363}
Submitted by anonymous — 21 hours ago
javascript
Dutch postalcode regex
Matches first postal code, case insensitive
Submitted by anonymous — 2 days ago
pcre
1-100
1-100
Submitted by anonymous — 2 days ago
java
email valid
email validation
Submitted by Hoot — 2 days ago
python
netstat
Активные соединения
Submitted by anonymous — 3 days ago
python
Driverquery
Установленные драйвера
Submitted by anonymous — 3 days ago
python
Assoc
Разбивает вывод команды Assoc
Submitted by anonymous — 3 days ago
python
parsing arp -a
Разбивает на части вывод команды arp -a
Submitted by baldateg — 3 days ago
pcre2
Is string a number?
Solution to this problem:
https://py.
checkio.org/tracking/click/eyJ1cmwiOiAiaHR0cHM6Ly9weS5jaGVja2lvLm9yZy9taXNzaW9uL2lzLXN0cmluZy1hLW51bWJlci1wYXJ0LWlpL3NoYXJlL2Y4YWY2OWFhNzkxNDFlYzkyYTRlYmRiNjJmMzk1NzllLyIsICJtZXRhZGF0YSI6IHsidHJhY2tpbmdfY29kZSI6ICJmMjNkNmUxNzI3MmM0YWY1YmJlNjAxMjM5Yzg0MDhhNiJ9fQ==
Submitted by Sohang Chopra — 4 days ago
javascript
Match import lines
Match import lines to disable spelling error in package names.
Submitted by anonymous — 5 days ago
pcre2
Octal Literal remover
Useful for javascript calculator
Submitted by github devynj4722 — 5 days ago
pcre2
Grafana — Templating with Variables : Display Text to Value
Grafana Templating : Friendly Variable Values as Display Names Check below Grafana Documentation for the Use Case : https://grafana.com/docs/grafana/latest/dashboards/variables/add-template-variables/#filter-and-modify-using-named-text-and-value-capture-groups This example demonstrates how to extr…
Submitted by ulgena — 5 days ago
golang
VLAN ID Validation Regex
VLAN ID Validation Regex
Please use first segment or second depending on the Extended VLAN usage such as «1-256» or «1-4096» :
Non-extended VLAN IDs (1-256), check v2 of the regex entry
.
Submitted by Daniel J. Post — 6 days ago
pcre2
Extract file name from path
Extracts string between the last / and .
Submitted by superfranky32 — 6 days ago
Фоновые изображения из URL-адреса Elementor не обновляются через прямую ссылку — поддержка
tataganet
#1
Привет всем,
Я впервые использую маховик, и он мне нравится.
Однако у меня проблема с фоновыми изображениями (созданными с помощью Elementor), они не отображаются, когда я перехожу по прямой ссылке. Когда я проверяю элемент с помощью Chrome, оказывается, что URL-адрес background-img по-прежнему mywebsite.local/XXXXX вместо http://e6fdaXXX.ngrok.io/XXXXX
Кажется, что абсолютные URL-адреса не заменяются в таких ресурсах, как CSS, но я не могу предоставить Elementor относительный URL-адрес в этой особой ситуации (фоновое изображение)
Заранее спасибо, надеюсь, я достаточно понятен
Для протокола: я использую
- WordPress 4.
9.8 - OceanWP v1.5.31
- Элементор v2.3.2
9.8Томас
1 Нравится
татаганет
#2
Если у кого-то такая же проблема, вот исправление, которое я наконец нашел. Не идеально, но на самом деле выполняет свою работу:
Я написал несколько строк в пользовательском CSS с упоминанием «!важно», чтобы вручную заменить URL-адреса
Я нашел фоновый раздел css с помощью инспектора Google Chrome, скопировал его в раздел «Пользовательский CSS» и заменил начало URL-адреса на Live Link URL
Это дает для каждого изображения что-то вроде этого (например):
.elementor-6 .elementor-element.elementor-element-b29dbf8 {
background-image: url(http://e6fdaXXX.ngrok.io/wp-content/uploads/2018/11/background.
jpg) !важно;
}
Если у вас есть лучшие решения, не стесняйтесь поделиться ими здесь
Надеюсь, это все еще помогает
Удачи всем вам
Томас
Пиксель
#3
У меня та же проблема, я думаю, что ИСПРАВЛЕНИЕ должно позволить внешним людям полностью просматривать внутренний веб-сайт.
Я использую много фоновых изображений и мне страшно настраивать все CSS
digitalguava
#4
У меня была аналогичная проблема, когда я перенаправлял сайт с локального на маховик, и фоновые изображения не отображались.
Я обнаружил, что в Elementor есть шаги, которые вы можете предпринять, чтобы решить эту проблему, включая перегенерацию CSS, чтобы пути фонового изображения указывали на нужное место.
Взгляните: https://docs.elementor.com/article/218-i-changed-the-url-of-my-website-and-elementor-does-not-work-anymore
Надеюсь, это поможет другие люди, которые сталкиваются с этой проблемой.
#5
У меня были похожие проблемы с загрузкой фоновых изображений Elementor на устройства в локальных средах с использованием Local WP с прямой ссылкой.
Вот как я это решил. Руководство по миграции Elementor было очень полезным.
Из руководства по миграции elementor:
Фоновые изображения сохраняются в файле CSS с абсолютным URL-адресом.
Чтобы избежать проблем с миграцией фоновых изображений без написания сценария, вы можете определить метод печати CSS как встроенный вместо использования внешних файлов, если хотите. Это можно сделать, перейдя в Elementor> Настройки> Дополнительно> Метод печати CSS> Внутреннее встраивание> Метод печати CSS: встроенный на панели инструментов WP.Вот что заставило меня работать с фоновыми изображениями elementor на локальных устройствах. Я использую Local WP с живыми ссылками для тестирования устройства:
- В вашей локальной среде установите локальный метод печати Elementor css на «внутреннее встраивание» (Elementor > Настройки > Дополнительно)
- Провести перезапись URL-адреса (URL-адрес старой среды в URL-адрес новой среды)
- Восстановить файлы Elementor (Elementor > Инструменты > Общие)
После того, как я сделал это, в моей локальной среде мои фоновые изображения появились на локальных устройствах.
Затем я сделал толчок к staging и prod (включая базу данных), чтобы убедиться, что фоновые изображения все еще видны, и они были. Все работало.
Для производства. Elementor указывает на повышение производительности, когда для метода CSS печати Elementor установлено значение «внешний».
Если вы хотите сделать это в рабочей среде, после завершения тестирования устройства выполните следующие действия:
- В рабочей среде установите локальный метод печати CSS Elementor на «внешний файл» (Elementor > Настройки > заранее)
- Провести перезапись URL-адреса (URL-адрес старой среды в URL-адрес новой среды)
- Восстановить файлы Elementor (Elementor > Инструменты > Общие)
Я думаю, что это должно решить проблему с фоновым изображением Elementor при разработке сайтов локально и на устройствах. Пожалуйста, дайте мне знать, если я ошибаюсь.
1 Нравится
даменатор
#6
Спасибо за совет, Шонхаррис.
У меня вопрос по вашему методу.
Если я хочу использовать функцию замены URL-адреса в Elementor, как мне просто изменить URL-адреса с абсолютных на относительные?
Например: у меня загружается фоновое изображение по адресу «http://mysite.local/wp-content/uploads/2020/07/ Assistance-living.jpg», где «mysite» на самом деле является названием моего сайта, но я Защищаюсь здесь в этом форуме.
Допустим, я хочу, чтобы это изображение загружалось в «/wp-content/uploads/2020/07/ Assistance-living.jpg».
Как для этого использовать инструмент «Заменить URL»? Я не хочу портить мой локальный сайт или ломать изображения, поэтому я был бы признателен за дополнительную информацию о том, как вы этого добились.
Большое спасибо.
система закрыто
#7
Эта тема была автоматически закрыта через 90 дней после последнего ответа. Новые ответы больше не допускаются.
Представление изображений
Когда вы используете Sanity, у вас всегда под рукой глобально распределенная CDN активов. В любое время вы можете запросить свое изображение в новом размере, с новым кадрированием или с чем угодно, и актив будет создан для вас и автоматически кэшируется рядом с вашими пользователями. Одна вещь, о которой следует помнить при реализации внешнего интерфейса, это то, что для достижения максимальной производительности вы должны позаботиться о повторном использовании обрезки и размеров во внешнем интерфейсе, чтобы убедиться, что ваши кэшированные активы повторно используются
. Прежде чем перейти к практическим деталям, давайте вспомним, как изображения обрабатываются в Sanity: Тип image представляет изображение, используемое в качестве поля в документе или встроенное в блочный текст.
Он может содержать дополнительные поля, такие как заголовок, кредитование и т. д., а также может содержать конкретную обрезку и точку доступа для этого изображения. Изображение ссылается на актив , который представляет фактические данные изображения, которые будут отображаться для этого изображения. (Один ресурс на самом деле может использоваться несколькими изображениями , что позволяет редакторам повторно использовать ресурс с различными обрезками, надписями и т. д.)
Абсолютно самый простой способ представить изображения из Sanity — получить базовый URL-адрес изображения. из актива. Допустим, у нас есть человек типа документа, у которого есть изображение поля, мы можем получить базовый URL-адрес с помощью этого простого запроса:
*[_type == 'человек']{
имя,
"imageUrl": image.asset->url
} Здесь мы следуем ссылке актива из изображения и извлекаем только URL-адрес.
{
имя: "Шон Ганн",
imageUrl: "https://cdn.sanity.io/images/zp7mbokg/production/G3i4emG6B8JnTmGoN0UjgAp8-300x450.jpg"
} Теперь мы можем добавить параметры URL-адреса к этому базовому URL-адресу, чтобы ограничить размер, обрезать изображение, размывать его или выполнять над ним другие операции. Некоторые примеры:
// Базовое изображение https://cdn.sanity.io/images/zp7mbokg/production/G3i4emG6B8JnTmGoN0UjgAp8-300x450.jpg // Размер изменен, чтобы иметь высоту 200 https://cdn.sanity.io/images/zp7mbokg/production/G3i4emG6B8JnTmGoN0UjgAp8-300x450.jpg?h=200 // Извлекаем прямоугольник из изображения (x, y, ширина, высота) https://cdn.sanity.io/images/zp7mbokg/production/G3i4emG6B8JnTmGoN0UjgAp8-300x450.jpg?rect=70,20,120,150 // Извлекаем прямоугольник из изображения (x, y, ширина, высота) и ограничиваем высоту до 64 https://cdn.sanity.io/images/zp7mbokg/production/G3i4emG6B8JnTmGoN0UjgAp8-300x450.jpg?rect=70,20,120,150&h=64 // Размытие изображения https://cdn.
sanity.io/images/zp7mbokg/production/G3i4emG6B8JnTmGoN0UjgAp8-300x450.jpg?blur=50
Маленькие изображения масштабируются до указанной ширины или высоты. Чтобы избежать этого, используйте &fit=max .
Полный список параметров см. в справочной документации по URL-адресу изображения.
Некоторые изображения могут быть обрезаны и иметь горячую точку. Это может быть включено в схеме. Если есть обрезание/горячая точка, это означает, что редактор использовал такой интерфейс:
Обрезка описывает, какую часть изображения редактор хочет разрешить использовать, в то время как горячая точка указывает, что он хочет сохранить, когда изображение необходимо дополнительно обрезать в интерфейсе.
Запись изображения с кадрированием и горячей точкой может выглядеть из API следующим образом:
{
_тип: "изображение",
актив: {
_ref: "изображение-G3i4emG6B8JnTmGoN0UjgAp8-300x450-jpg",
_type: "ссылка"
},
// Обрезка указывается в долях размера изображения
// и измеряется от края изображения. Это изображение обрезано
// снизу на 44% высоты изображения. Другие измерения
// остаются нетронутыми.
обрезать: {
низ: 0,44,
слева: 0,
справа: 0,
сверху: 0
},
// Позиция горячей точки x, y выражается в долях размера изображения.
// Эта горячая точка расположена по центру на 43% ширины изображения слева,
// 26% высоты изображения сверху. Ширина и высота есть
// в той же системе единиц. Эта горячая точка имеет ширину 44% ширины изображения.
// 65% высоты изображения в высоту, этот прямоугольник центрирован по осям x,y
// задана координата.
точка доступа: {
высота: 0,44,
ширина: 0,65,
х: 0,43,
у: 0,26
}
} 
Это изображение обрезано
// снизу на 44% высоты изображения. Другие измерения
// остаются нетронутыми.
обрезать: {
низ: 0,44,
слева: 0,
справа: 0,
сверху: 0
},
// Позиция горячей точки x, y выражается в долях размера изображения.
// Эта горячая точка расположена по центру на 43% ширины изображения слева,
// 26% высоты изображения сверху. Ширина и высота есть
// в той же системе единиц. Эта горячая точка имеет ширину 44% ширины изображения.
// 65% высоты изображения в высоту, этот прямоугольник центрирован по осям x,y
// задана координата.
точка доступа: {
высота: 0,44,
ширина: 0,65,
х: 0,43,
у: 0,26
}
} Ответственность за соблюдение кадрирования/горячих точек в соответствии с пожеланиями редактора лежит на интерфейсе, но для удобства мы предоставляем библиотеку JavaScript, которая позаботится об этом за вас.
Для проектов JavaScript мы предоставляем пакет @sanity/image-url npm, который будет генерировать URL-адреса изображений для вас с учетом записи изображения, подобной приведенной выше.
Вы можете указать дополнительные ограничения, такие как ширина и высота, и быть уверенными, что обрезка/горячая точка соблюдается там, где это применимо.
Давайте посмотрим, как этот пакет можно использовать с React для рендеринга изображений. (В нем нет ничего специфичного для React, вы можете использовать его с любым фреймворком по вашему желанию)
Вы устанавливаете его в свой проект обычным способом:
npm install --save @sanity/image-url
Затем вам нужно настроить его с вашим идентификатором проекта и набором данных. Самый простой способ сделать это — инициализировать его с помощью клиента Sanity, который уже есть в вашем проекте. Для этого импортируйте его, используя правильный путь, как показано ниже. В примере у нас есть sanityClient.js в корне нашего проекта, который, как предполагается, возвращает настроенный клиент (в комплекте с projectId , dataset и apiVersion ). Узнайте больше о клиенте в нашей документации по клиенту JavaScript.
импортировать React из «реагировать»
импортировать клиента из './sanityClient'
импортировать imageUrlBuilder из '@sanity/image-url'
// Получите предварительно настроенный построитель URL-адресов от вашего здравомыслящего клиента
const builder = imageUrlBuilder (клиент)
// Затем мы хотели бы сделать простую функцию, подобную этой, которая дает
// создаем изображение и возвращаем конструктор, чтобы вы могли указать дополнительные
// параметры:
URL-адрес функции (источник) {
вернуть builder.image(источник)
}
Теперь вы можете использовать этот удобный синтаксис конструктора для создания ваших URL-адресов:
Вы можете добавить дополнительные параметры, подобные этому :
Полный список параметров конструктора см. в справочной документации.
Для поддержки загрузки изображения с определенным именем файла во внешнем интерфейсе необходимо добавить параметр запроса dl= к URL-адресу, например.