Как использовать тег urlize от django в модале?

Мой модал работает нормально, и я использовал urlize на моем html-теле, как вы можете видеть ниже, Проблема возникает, когда мне нужно использовать urlize в модале, данные для тега span в модале заполняются в скрипте, и я не могу применить тег urlize как раньше.

это работает хорошо <p class="h-3x">{{post.description|urlize|url_target_blank }} </p>

проблема заключается в использовании тега urlize в модале, поскольку тег span заполняется в скрипте. modal:

<div style="text-align: center;" class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLongTitle"></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            
            <img id="thanks" class="d-block w-100" class="img-responsive" src="#">
          
          </div>
          <div class="modal-footer justify-content-center">

            <span id="deb" class="mr-4"></span>
            <div>
            <button type="button" class="btn btn-outline-primary btn-rounded btn-md ml-4" data-dismiss="modal">Close</button>
            </div>
          </div>
        </div>
      </div>
    </div>

script:
 <script language="JavaScript" type="text/javascript">
    $('#exampleModalCenter').on('show.bs.modal', function (event) {
    var img = $(event.relatedTarget).data('img') // Button that triggered the modal
    var deb = $(event.relatedTarget).data('deb') 
    
  
    $("#thanks").attr("src", img);
    $("#deb").text(deb);
  
  })
</script>

Вернуться на верх