c# - divのinnerhtmlを設定する方法

Question

これを助けてください私のC＃コードの背後にあります

  SpecialOffersDiv.InnerHtml = "<div class="offer_box_wide">
                                  <a href=""><img src="../images/p1.jpg" width="130" height="98" class="img_left" alt="" border="0" /></a>
                                  <div class="offer_info"> <span>For Sale 150 000 $</span>
                                  <p class="offer"> &quot;Lorem ipsum dolor sit</p>
                                  <div class="more"><a href="#">...more</a></div>
                                  </div>
                                  </div>";

Answer 1

あなたの問題は2つのことが原因で発生しています。まず、文字列内の二重引用符をエスケープする必要があります。次に、新しい行を適切に処理する必要があります。これを行うには 2 つの方法があります。

まず、逐語的な文字列リテラル インジケーターを使用してから、文字列内の各二重引用符を二重にすることができます。

SpecialOffersDiv.InnerHtml = @"<div class=""offer_box_wide"">
                               <a href=""""><img src=""../images/p1.jpg"" width=""130"" height=""98"" class=""img_left"" alt="""" border=""0"" /></a>
                               <div class=""offer_info""> <span>For Sale 150 000 $</span>
                               <p class=""offer""> &quot;Lorem ipsum dolor sit</p>
                               <div class=""more""><a href=""#"">...more</a></div>
                               </div>
                               </div>";

次に、二重引用符をバックスラッシュでエスケープし、改行を \n に変更できます。

SpecialOffersDiv.InnerHtml = "<div class=\"offer_box_wide\">\n" +
                             "<a href=\"\"><img src=\"../images/p1.jpg\" width=\"130\" height=\"98\" class=\"img_left\" alt=\"\" border=\"0\" /></a>\n" +
                             "<div class=\"offer_info\"><span>For Sale 150 000 $</span>\n<p class=\"offer\"> &quot;Lorem ipsum dolor sit</p>\n" +
                             "<div class=\"more\"><a href=\"#\">...more</a></div>\n" +
                             "</div>\n" +
                             "<`div>";

私は最初に行くと思います、それはずっと良く見えます。

Answer 2

文字列リテラル(特に例を参照string f & g)

SpecialOffersDiv.InnerHtml = @"<div class=""offer_box_wide"">
                        <a href=""""><img src=""../images/p1.jpg"" width=""130"" height=""98"" class=""img_left"" alt="""" border=""0"" /></a>
                        <div class=""offer_info""> <span>For Sale 150 000 $</span>
                        <p class=""offer""> &quot;Lorem ipsum dolor sit</p>
                        <div class=""more""><a href=""#"">...more</a></div>
                        </div>
                        </div>";