Вывод материала в модальном окне Bootstrap modal - Joomla 4 и Joomla 5: Общие вопросы

\Joomla\CMS\HTML\HTMLHelper::_('bootstrap.modal', '.modal', []);

<div class="modal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

\Joomla\CMS\Router\Route::_('index.php?option=com_content&view=article&id=1&tmpl=component')

use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Router\Route;

$modalHTML = HTMLHelper::_(
    'bootstrap.renderModal',
    'myModal',
    [
        'title'      => Text::_('MY_MODAL'),
        'url'        => Route::_('index.php?option=com_content&view=article&id=1&tmpl=component'),
        'bodyHeight' => 70,
        'modalWidth' => 80,
        'footer'     => '<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">' . Text::_('CLOSE_MODAL') . '</button>',
    ]
);

<a data-bs-target="#myModal" class="mybuttonclass" title="<?php echo Text::_('MY_BUTTON'); ?>" data-bs-toggle="modal" role="button">
    <?php echo Text::_('MY_BUTTON'); ?>
</a>

<?php echo $modalHTML; ?>

<a href="index.php?option=com_content&view=article&id=2&catid=2" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Подробнее</a>

defined('_JEXEC') or die;

use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Router\Route;

$modId = $module->id;
$modalId = $params->get('modal-id');
$articleId = $params->get('article-id');


$modalHTML = HTMLHelper::_(
    'bootstrap.renderModal',
    $modalId,
    [
        'url'        => Route::_('index.php?option=com_content&view=article&id='. $articleId .'&tmpl=component'),
        'height'     => '100%',
        'width'      => '100%',
        'bodyHeight' => 100,
        'modalWidth' => 100
    ]
);
?>

<?php echo $modalHTML; ?>

$ids = explode(',', $params->get('articles'));

foreach ($ids as $id)
{
    $modalHTML = HTMLHelper::_(
        'bootstrap.renderModal',
        'modal' . $id,
        [
            'url'        => Route::_('index.php?option=com_content&view=article&id=' . $id . '&tmpl=component'),
            'height'     => '100%',
            'width'      => '100%',
            'bodyHeight' => 100,
            'modalWidth' => 100
        ]
);

<?php echo $modalHTML; ?>
}

defined('_JEXEC') or die;

use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Router\Route;

$modId = $module->id;
$modalId = $params->get('modal-id');
$articleIds = explode(',', $params->get('article-id'));

foreach ($articleIds as $articleId) {
   $modalHTML = HTMLHelper::_(
      'bootstrap.renderModal',
      $modalId . $articleId,
      [
         'url' => Route::_('index.php?option=com_content&view=article&id='. $articleId .'&tmpl=component'),
         'height' => '700px',
         'width' => '100%',
         'bodyHeight' => 100,
         'modalWidth' => 100
      ]
   );
   echo $modalHTML;
}
?>

<a href="#" data-bs-toggle="modal" data-bs-target="#modal2">Подробнее</a></div>

 		echo JHtml::_('bootstrap.renderModal', 'modal-comm_Modal', $modalParams);

return false;

<script src="/media/vendor/bootstrap/js/modal.min.js?5.1.3" type="module"></script>

<div class="btn btn-lg btn-secondary animated FadeInRight delay-2s" id="acm-video-144">
<a class="html5lightbox text-light" data-group="myvideo-144" href="/mypage?tmpl=component">Подробнее <i class="fas fa-long-arrow-alt-right"></i></a>
</div>

<script type="text/javascript">
(function($){
  jQuery(document).ready(function($) {
    $("#acm-video-144 .html5lightbox").html5lightbox({
      autoslide: true,
      showplaybutton: false,
      jsfolder: "/templates/ja_stark/js/html5lightbox/"
    });
  });
})(jQuery);
</script>