Блог

Я пытаюсь найти способ управлять введенным HTML-кодом «api», который Azure b2c вводит при использовании пользовательского шаблона.

Я знаю о возможности предоставления пользовательского шаблона либо с пользовательским потоком, либо с пользовательской политикой, однако теперь мне нужно изменить html самой разметки Azure b2c. Например, добавьте пользовательский класс css на кнопку «вход», измените текст на кнопке «вход», разместите ссылку «забыли пароль» в другом месте html-фрагмента и т. Д.

Возможно ли это без взлома с помощью css и javascript? Могу ли я определять и управлять HTML-кодом в пользовательской политике? Я ничего не могу найти в документах по этому поводу.

В настоящее время нет опубликованного документа the elements, поскольку элемент формы, который вводится в элемент «div api», является динамическим в зависимости от вашего пользовательского потока или конфигурации пользовательской политики. Вы ссылаетесь на эту документацию

Вот элемент пароля, который мы вводим:

 <input type="password" id="password" name="Password" placeholder="Password" tabindex="1" aria-label="Password">
  

Если вы настроите политику в B2C, а затем используете ссылку Выполнить сейчас, вы можете просмотреть страницу с помощью инструментов разработчика браузера, чтобы увидеть все идентификаторы элементов, которые мы вставляем на страницу. При использовании собственных пользовательских атрибутов идентификаторы элементов HTML являются именем атрибута расширения.

Это общий код JavaScript, а не специфичный для Microsoft. Поведение может отличаться в разных браузерах.

 var myEle1 = document.getElementById("password");                    
var myEle2 = document.getElementById("signInName");                      
myEle1.setAttribute("autocomplete", "new-password");                 
myEle2.setAttribute("autocomplete", "new-password");
  

Чтобы изменить текст в этих элементах, вы можете использовать идентификатор строки локализации, вы можете обратиться к этому документу. Для кнопки входа идентификатор будет button_signin