Question

我正在使用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'

image1然后下一个是image2然后是image3，依此类推...... 然后playlistItem下次我将在div标签中添加一个像这样的块，它将是playlistItem2然后是playlistItem3 ....

现在是图片的链接：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文件？

Answer 1

您好，您可以在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);

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

1 个答案: