Вставка ссылки на видео youtube в форме на сайте

В этом примере покажем как работать с полем формы типа Строка по шаблону. 

Пользователь вводит некоторую строку в поле, а система разбираем ее по шаблону и вставляет в некую разметку. 

В нашем примере входная строка - это ссылка с Youtube, а разметка - это вывод во фрейме этого видео. 

Получается при вводе ссылки ютуб пользователь сразу видит визуализацию этого видео. 

Документация - https://falcon.web-automation.ru/docs/vstavka-ssylok-po-shablonu--yutub-ssylka--patternstring

Как реализовать получение ссылки с Ютуб

1. Создаем поле формы с типом Строка по шаблону.

2. Прописываем GetItem: 

CREATE PROCEDURE [dbo].[fm_watch_youtubeLink_getItem]
    @itemID int,	
	@username nvarchar(256)

AS
BEGIN
	select 	'https://www.youtube.com/watch?v=NM__RFv0TTw||NM__RFv0TTw' link,
	'{"templates": [".*?v=(.*)$", "https://youtu.be/(.*)$"], "makeup": "" }' options_link select 'h3' headerTag END

Значение поля передаетсяч как исходная строка||id. В настройках поля задаем templates (под какие шаблоны должна подпадать строка) и makeup - результирующая разметка для вывода iframe видео.

Здесь видно, что мы обрабатываем 2 вида ссылок:  

https://www.youtube.com/watch?v=H56ZdNaB8Nw

https://youtu.be/H56ZdNaB8Nw

2. Прописываем SaveItem формы: 

CREATE PROCEDURE [dbo].[fm_watch_youtubeLink_saveItem]
   @username nvarchar(256), 
   @itemID int, 
   @fieldlink nvarchar(256) = ''
AS
BEGIN
    declare @id nvarchar(128) = dbo.str_splitPart(@fieldlink, '||', 2)

	-- 1 SELECT (Result, Msg)
	select 1 Result, 'OK. Входная строка - ' + @fieldlink + '
Youtube Video ID = '+ @id + '' Msg, 1 EnableSaveAlert
END

Через dbo.str_splitPart(@fieldlink, '||', 2) мы извлекаем ID из второй части параметра (string||id). 

В итоге мы упрощаем прием на форме подобных ссылок с возможностью отображения. По аналогии можно принимать и другие внешние ссылки и отображения в iframe этих сторонних ресурсов. 

Насколько полезна эта возможность?

Другие модули

Редактирование одиночных полей формы в личном кабинете

Кнопка очистки формы

Цвет фона формы. Как изменить фон формы на сайте

Сообщение-уведомление на сайте вместо показа формы (NoForm). Отображение сообщения о недоступности формы

Работа с буфером обмена на сайте. Как скопировать текст в буфер обмена

Обновление содержимого страницы сайта (Refresh container). Перезагрузка части страницы

Любой вид формы на сайте - гибкая разметка формы

Выбор адреса и координат с подгрузкой из Google Maps API

Последние обновления

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства