Blazor; создание списка с возможными ссылками - PullRequest
1 голос
/ 22 апреля 2020

Создание приложения Blazor 3.1 (создание прототипа сервера и клиента, поэтому требуется решение для обоих). Я пытался найти простой способ сделать это, но это оказалось сложнее, чем ожидалось.

Получая список строк предложений из службы, я хотел отобразить их в неупорядоченном списке. Прежде чем добавить текст в элемент списка, я хочу добавить ссылки, если есть распознаваемое слово.

Так, если в строках текста написано

  • "На прошлой неделе в Microsoft, мы создали что-то замечательное "
  • " Люди в Stackoverflow действительно полезны, особенно с проблемами кода Microsoft "

Я хочу, чтобы результат был

<ul>
<li>Last week at <a href='www.microsoft.com'>Microsoft</a>, we built something great</li>
<li>People at <a href='www.stackoverflow .com'>Stackoverflow </a> are really helpful, especially with <a href='www.microsoft.com'>Microsoft</a> code issues<li>
</ul>

I можно настроить с помощью JavaScript, но я думаю, что есть способ сделать это без JS. Компоненты больше не имеют переопределения для BuildRenderTree, поэтому я не могу этого сделать.

Я не могу предположить, что есть ключевое слово, для которого мне нужно создать ссылку, поэтому каждая строка текста может иметь 0 для многих Я не могу создать компонент, который использовал <pre>, так как он является частью неупорядоченного списка, а <pre> - это элемент строковой строки, и я бы предпочел не делать дополнительных CSS.

1 Ответ

1 голос
/ 06 мая 2020

Как уже упоминалось, я обнаружил, что решение состоит в том, чтобы использовать MarkupString (для приложений Blazor и HtmlString для приложения Razor)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...