Вывести список через запятую в виде нумерованного списка на html-странице

Question

Я создаю приложение foodlog в Laravel, и инструкции о том, как сделать рецепт, хранятся в списке через запятую в базе данных следующим образом:

cook the chicken, add peppers and onions, add sauce, serve with rice

Я бы хотел, чтобы это выглядело как нумерованный список на моем сайте, например:

1. cook the chicken
2. add peppers and onions
3. add sauce
4. serve with rice

В настоящее время у меня есть строка в теге

, но она должна быть в виде нумерованного списка. Есть идеи?

info.blade.php

<h1>{{ $recipes->recipe_name }}<h1>
<h2>Ingredients:</h2> <p>{{ $recipes->ingredients}}</p><br>
<h2>How to:</h2> <p>{{ $recipes->description }}</p><br>

RecipesController.php

public function showinfo($id) {     
    $recipes = Recipes::find($id);
    return view('recipes.info', compact('recipes'));
}

Выглядит так:

Answer 1

Надеюсь, это поможет.

info.blade.php

$descriptionList = new \Illuminate\Support\Collection(explode(",", $description));

echo "<ol>";
$descriptionList->each(function($description){
     echo "<li>" . $description . "</li>";
});
echo "</ol>";

или

$description = "cook the chicken, add peppers and onions, add sauce, serve with rice";

$descriptionList = explode(",", $description);
<ol>  
    @foreach ($descriptionList as $descriptionItem)
       <li>{{ $descriptionItem }}</li>
    @endforeach    
</ol>

Вы можете преобразовать это в использование шаблона лезвия Laravel.