如何每 X 次将动态部分添加到 HTML 文件

本文关键字：添加 HTML 文件 动态部 何每 | 更新日期: 2023-09-27 18:34:50

我正在使用 Netbeans 来编辑我的 HTML 文件。这是我的HTML代码文件的第一部分(我在head标签中还有一些代码，但这并不重要(：

<!DOCTYPE html>
<html lang="en">
    <head>

  </head>
      <body>  
         <!-- wrapper for the whole component -->
         <div id="componentWrapper">
              <!-- playlist -->
              <div class="componentPlaylist">
                 <div class="menuHolder">
                     <div class="menuWrapper">
                     </div>
                 </div>
                 <div class="thumbHolder">
                     <div class="thumbWrapper">

动态部分在我的 C# 程序中，它每隔 X 次在硬盘上自动创建一个事件，并为我在一个目录中放置一些 gif 文件和一个动画 gif(动画 gif 显示目录中其他 gif 文件的动画(。在 HTML 的这一部分的行之后：<div class="thumbWrapper"> 我需要以这种格式添加动态部分，例如：

<div class="playlist" data-address='mistique_ken_burns' data-title='mistique' data-transitionType='ken_burns' data-bgColor='#e5e5e5' data-playlistSize='165' data-duration="25000">
                                   <ul> 
<li data-address='image1' class='playlistItem' data-imagePath='media/category1/main/01.jpg' data-startScale="1.4" data-endScale="0.5" data-startPosition="tl" data-endPosition="br" data-link='http://www.google.com' data-target='_blank' data-description="hello quam.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://codecanyon.net/user/Tean' target='_blank'>Link</a>" data-youtube='F08U2yCxbYg'><a href='#'><img src='media/category1/thumb/01.jpg' width='120' height='80' alt=''/></a></li>
                                  </ul> 
                             </div>

还有更多的<li> </li>线。这里重要的是在 li 标签中：

data-address='image1' class='playlistItem' data-imagePath='media/category1/main/01.jpg'
图像

1 然后下一个是图像 2 然后是图像 3，依此类推...然后playlistItem下次我将在div 标签内向 HTML 中添加这样的块时，它将是播放列表项目2，然后是播放列表项目3....

现在指向图像的链接是：media/category1/main/01.jpg
但下次下一个区块会media/category2/main/01.jpg

最后，我

又有一些不更改的HTML代码，然后在C#程序中，我每次都合并这三个部分并将更新的HTML文件上传到我的FTP。

第一部分是静态

的，然后是动态部分，最后是另一个静态部分。

我的问题是每次添加到动态部分时如何构建？

例如，在我的硬盘上，我在一个.jpg文件中有新事件。上传到我的 FTP 服务器的文件。

所以现在我需要在 HTML 文件中添加的 HTML 代码，例如：

<div class="playlist" data-address='mistique_ken_burns' data-title='mistique' data-transitionType='ken_burns' data-bgColor='#e5e5e5' data-playlistSize='165' data-duration="25000">
                                       <ul> 
    <li data-address='image1' class='playlistItem2' data-imagePath='media/category2/main/01.jpg' data-startScale="1.4" data-endScale="0.5" data-startPosition="tl" data-endPosition="br" data-link='http://www.google.com' data-target='_blank' data-description="hello quam.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://codecanyon.net/user/Tean' target='_blank'>Link</a>" data-youtube='F08U2yCxbYg'><a href='#'><img src='media/category2/thumb/01.jpg' width='120' height='80' alt=''/></a></li>
                                      </ul> 
                                 </div>

我的问题是如何在 C# 中动态更新这部分中的 HTML 文件？

如何每 X 次将动态部分添加到 HTML 文件

嗨，

您可以在 html 文件中使用占位符。这些占位符可以在运行时替换，如下所示：

        string placeHolder = "<!--<<PLACEHOLDER>>-->";
        string path = "C:''test.html";
        string dynamicContent = @"<div class='playlist' data-address='mistique_ken_burns' data-title='mistique' data-transitionType='ken_burns' data-bgColor='#e5e5e5' data-playlistSize='165' data-duration='25000'>
                               <ul> 
                                    <li data-address='image1' class='playlistItem' data-imagePath='media/category1/main/01.jpg' data-startScale='1.4' data-endScale='0.5' data-startPosition='tl' data-endPosition='br' 
                                        data-link='http://www.google.com' data-target='_blank' data-description='hello quam.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://codecanyon.net/user/Tean' target='_blank'>Link</a>' 
                                        data-youtube='F08U2yCxbYg'><a href='#'><img src='media/category1/thumb/01.jpg' width='120' height='80' alt=''/></a></li>
                              </ul> 
                         </div>";
        string content = File.ReadAllText(path).Replace(placeHolder, string.Concat(dynamicContent, placeHolder));
        File.WriteAllText(path, content);
相关文章：