2

博客文章（单入口页面）由文本和图像组成。频道“blog”具有字段组“blog_entries”。字段组中有趣的字段是“blog_body”，三个关系字段分别称为“image1”、“image2”、“image3”。图像存储在称为“images”的不同通道中。字段组“image_entries”有几个字段。图片上传字段本身、标题、学分等等。

我可以通过关系字段组合图像和文本。

我的问题是：编辑器应该将图像放置在内容中必须出现的位置。他应该能够选择图像的大小（应该跨越 4、8 或 12 列） 下面的示例有一个 8 列宽的图像。

添加图像将添加以下代码

<div class="eight columns picture">
    <div id="copyright" class="text-right">
      &copy; <a href="#">Photographer name</a>, <a href="#">Flickr</a>
    </div>
    <img src="http://placehold.it/700x525&text=[700x525]" />
   <div class="panel">
     <p>I am the caption. Nulla corned beefsunt ball tip.</p>
  </div>

我想要实现的是：编辑器将文本输入到 CP 中的 blog_entries 字段中。该字段是一个带有自定义 HTML 按钮的文本区域。在写了两段之后，他需要一个图像来说明他所写的内容。他单击自定义 HTML 按钮，查看相关图像，选择图像大小（应该跨越 4,8 或 12 列），然后单击 EE 将所有必要的代码集成到条目中。因此，编辑不必担心 DIV 和所有代码，而是可以将之前上传的图像放置在文章中他想要的任何位置。

我怎样才能做到这一点？我不一定要这样做。如果有其他方法或插件可以解决该问题，我想听听。

4

2 回答 2

0

一种完全不同的方法，但我过去曾用于此类事情的是 Matrix。您将 blog_body 设置为矩阵字段，旨在为文章中的每个断点添加一行（例如，断点是插入图像）。因此，矩阵可能包括 3 列 - 一列用于图像，一列用于图像宽度（例如，三个不同跨度宽度之间的无线电）和一列用于“段落内容”。

不过，这里的挑战是您正在为图像使用关系字段，而不是将图像作为博客条目的一部分。据我所知，由于关系字段不是可以在矩阵字段中使用的字段类型，因此采用这种方法变得更加困难。但是，如果您保持固定数量的关系字段 - 正如您所建议的那样，image1、image2、image3，那么矩阵中的第一列可能只是一个单选按钮，供编辑器在 image1、image2 和 image3 之间进行选择以插入这个断点。不是 Matrix 的典型用法，但它可以让您在编辑器对内容的控制方面相对面向对象。

希望这个想法能帮助或激发新的想法！

于 2012-11-13T16:09:52.677 回答
0

我经常在内容丰富的网站上使用这种方法，但我通常使用默认字段类型。只是 Jean 提出的一种变体，基本逻辑保持不变。

  1. 同一频道中博文的图片和文字
  2. 确定每个帖子所需的最小和最大图像数量（通常我选择 3 个）
  3. 不是只有一个正文字段、一个标题字段、一个图像字段和一个图像尺寸字段（我通常使用 P&T 字段），而是将整个批次复制三次（如果最多使用 3 张图像）。
  4. 我通常只将第一个文本 + 图像 + 图像配置字段设为必填
  5. 您的客户现在可以用一张、两张或三张图片“组成”他们自己的页面，以各种方式显示，但将保持在您定义的范围内。

希望能帮助到你

于 2012-11-14T16:00:13.030 回答