将图像和时尚文本传递到Bootstrap模态

Passing images and stylish text to Bootstrap modal

本文关键字：Bootstrap 模态 文本 图像 时尚      更新时间：2023-09-26

我觉得我的问题有点复杂。我使用Laravel作为我的框架，有一个HTML表，它显示了帖子列表，并有一些TD（如post_title、post_content、post_author…）。每个post_titl都是一个<a>标记，当单击它时，会打开一个模态，它有一些文本字段（显示title、authorName、publishedDate…）和一个文本区域（显示帖子内容）。

我的第一个问题是将这些元素传递给模态（经过多次搜索，我终于找到了解决方案），而我目前的问题是，通过这种传递变量的方式，只要只是简单的文本，我就可以显示帖子内容。如果文本有某种样式（粗体、斜体..），我不能将其传递给模态。这是因为对于像<b>ggg</b>这样的标签的一些引号。。。你知道吗？

这是我传递元素的方式：

 <td class="td4">    <!--the td that shows title and is a link to open modal-->
         <!--===================================================modal-->
         <a href="#myModal" class="saha" data-title="<?php echo $article->title; ?>" data-body="<?php echo $article->body; ?>" id="<?php echo $article->id; ?>"  data-toggle="modal">{{$article->title}}</a>

和我的javascript：

 $('a.saha').click(function(e){
 var essay_id = $(this).attr('id');
 var title= $(this).data('title');
 var body = $(this).data('body');
 $("#article_id").val(essay_id);
 $("#onvan").val(title);
 tinymce.editors[0].setContent(body);///my textarea
});

当我只有简单的文本作为正文时，它显示的标题（标签）是这样的：post1但当我在身体里设置了文本或图像的样式时，它会显示一些东西，比如：

an article the name <b "id="18" data-toggle="modal"..

有什么帮助吗？非常感谢

您需要对HTML进行编码，这样它就不会使用htmlspecialchar函数来处理问题。

所以

<a title="{{ htmlspecialchars($article->title) }}">

好了，它终于工作了…：）

我应该写：

data-body="<?php echo htmlspecialchars($article->body) ;?>"

日期：

data-body="<?php echo $article->body; ?>"
相关文章：