Вставка ссылок по шаблону (ютуб-видео), patternString
Тип поля patternString позволяет ввести некое поле в определенном формате (например, ссылка на Youtube) и вывести в неком виде рядом разметку с кодом из этого поля в виде некой разметки (для Youtube - это iframe с YoutubeID).
Демостенд обработки Youtube ссылки - https://demo.falconspace.ru/list/watch/obrabotka-youtube-ssylki-na-forme---88

Человек вставляет ссылку на ютуб и получает визуализацию. Платформа извлекает по шаблону некую строку и начальную строку ввода и подставляет ее в специальную разметку.
Как это использовать поле patternString
1. Указываем тип поля Строка по шаблону (patternString)
2. В GetItem указываем начальное значение в виде "Исходная строка||value", где Value - это по примеру youtubeID
Также указываем options_ для поля, в котором указываем массив шаблонов templates (регулярные выражения) и makeup - разметку со вставкой переменной {value}, которое будет подменяться на value из строки ввода.
-- GetItem for form
SELECT
--'https://www.youtube.com/watch v=HTNlwdYBef4||HTNlwdYBef4' s50,
'https://youtu.be/HTNlwdYBef4||HTNlwdYBef4' s50,
'{"templates": [".* v=(.*)$", "https://youtu.be/(.*)$"], "makeup": "" }' options_s50
Примечание:
- в примере указано 2 шаблона адреса для Youtube ссылок.
- если шаблонов подходит несколько, то применится последний подходящий шаблон.
- в шаблонах некоторые символы заменяются на html аналоги (например & заменяется на &), помните об этой особенности
3. В SaveItem мы получаем это поле в виде "Исходная строка||value", которое можно разобрать с помощью функции dbo.str_splitPart
-- saveItem
set @inputString = dbo.splitPart(@val, '||', 1)
set @elementID = dbo.splitPart(@val, '||', 2)
Таким образом, можно обрабатывать различные данные в определенном формате и через шаблоны визуализировать их сразу на форме в виде некой разметки.
Настройки options_xx для поля типа patternString
- templates - массив регулярных выражений для извлечения нужного кода из строки ввода (пример для ютуб ссылок - [".* v=(.*)$", "https://youtu.be/(.*)$"])
- makeup - разметка, которая будет визуализироваться под полем ввода со вставкой извлеченного кода в виде {value}
Страница-источник на сайте falconspace.ru
-
Начало работы
-
Основа Falcon Space
-
Руководства
-
Возможности
-
Коммуникация пользователей
-
Таблицы
-
Формы
-
Поля формы
Общие настройки для полей формы через options_ Строка, string Галочки с множественным выбором, checkboxes Переключатель switch и галочка bool Радиокнопки (выбор одного элемента), radio, defaultRadio Многострочное поле, text Гибкий список выбора, select-picker Список с поиском по базе autocomplete, select-search Список выбора, комбик, select,select2 Диапазон чисел, intrange Целое, дробное число, int, float, html-number Rich редактор текста, html2 Интервал дат, dateRange Скрытые параметры формы, cookie, localStorage, sessionStorage и urlParameter Дата HTML5, datetime-local Слайдер (ползунок), slider Поля формы для загрузки файлов, files, remoteFile, fileContent Множественный список, chosen Градиент, gradient Как сделать списки select и chosen с категориями (optgroup) Выбор из элементов с табуляцией, tabs Флажок-картинка, imageCheckbox Как использовать Флажки и выбор радио с картинкой, imageRadio, imageCheckboxes Дерево с выбором галочек, treeCheckboxes Выбор адреса и сохранение координат места (lat,lng), geo-autocomplete Таймер, timer Выбор цвета, colorCheck и colorRadio Вставка ссылок по шаблону (ютуб-видео), patternString Дерево с сортировкой Drag-and-Drop, treeOrder График работы, weekTime Редакторы кода editorHTML, editorSQL, editorCSS, editorJS Время, time
-
Лендинги
-
Дизайн, стилизация, юзабилити
-
Интеграции
-
Универсальный API
-
Каталоги
-
Навигация
-
Документы
-
Дополнительные компоненты
-
Продвижение, SEO
-
Системные моменты
-
Системное администрирование
-
HOWTO
-
Загрузка файлов, картинок
-
HOWTO SQL
-
HOWTO JS
-
HOWTO Верстка
-
Решение проблем
-
Советы по реализации