Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Does not match strings as expected #1

Closed
debanjanbasu opened this issue Feb 8, 2017 · 8 comments
Closed

Does not match strings as expected #1

debanjanbasu opened this issue Feb 8, 2017 · 8 comments
Labels

Comments

@debanjanbasu
Copy link

The RCS is breaking while there are certain code blocks inside the html, such as comments to target IE specific code.

@JPeer264
Copy link
Owner

JPeer264 commented Feb 8, 2017

Can you provide a sample where it does not work? Is there also any error?

@debanjanbasu
Copy link
Author

debanjanbasu commented Feb 8, 2017

Code sample
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>AFR template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--[if !mso]><!-- -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="csso/newsletter.min.css" data-embed>
    <!--[if (gte mso 9)|(IE)]>
    <style type="text/css" data-embed>
        li {
            text-indent: -1em; /* Normalise space between bullets and text */
        }
        table {
            border-collapse: collapse;
        }
        h2 {
            padding: 5px !important;
        }
        h3,
        p,
        ul {
            padding-left: 4px !important; /* because float doesn't work in most Outlook clients */
        }
        .story__headline {
            Margin-bottom: 5px !important;
            Margin-top: 3px !important;
        }
        .story--stacked .story__headline {
            Margin-top: 10px !important;
        }
        blockquote p {
            Margin-bottom: 10px !important;
        }
        .border--bottom-white hr {
            border-bottom: 1px solid #ffffff !important;
        }
        .border--bottom-sponsored hr {
            border-bottom: 1px solid #f5f4f9 !important;
        }
    </style>
    <![endif]-->
</head>

<body>
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" height="100%" id="bodyTable" width="100%">
<tr>
<td>
    <div align="center" class="wrapper">
        <div class="webkit header border--bottom-none">
        <!--[if (gte mso 9)|(IE)]>
            <table align="center" cellpadding="0" cellspacing="0" width="640">
            <tr>
                <td>
                    <![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer header" width="100%">
            <tr>
                <td class="one-column">
                    <table width="100%">
                    <tr>
                        <td class="inner contents centered logo">
                            <div>
                                <a href="http://www.afr.com.au" title="The Australian Financial Review">
                                    <img src="../dev/img/logo-afr.png" width="280" alt="The Australian Financial Review">
                                </a>
                            </div>
                        </td>
                        </tr>
                        <tr>
                            <td class="contents centered">
                                <p class="section">Before the Bell</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="inner contents centered">
                                <p class="display-date">Friday, 4th March, 2016</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="inner height-none">
                                <hr>
                            </td>
                        </tr>
                    </table>
                  </td>
            </tr>
            </table>
                  <!--[if (gte mso 9)|(IE)]>
                 </td>
            </tr>
        </table>
        <![endif]-->
        </div>
    </div>

    <div class="parsys parsys-content">
    <!-- ALL CQ-GENERATED STRAPS TO GO WITHIN THIS DIV ONLY -->

        <div align="center" class="wrapper">
            <div class="webkit">
                <!--[if (gte mso 9)|(IE)]>
                <table align="center" cellpadding="0" cellspacing="0" width="640">
                <tr>
                <td>
                <![endif]-->

                <!-- BTB TOP STRAP: GOES IN HTML ASSET IN CQ -->
                <div class="component-wrap section">
                    <div class="strap strap--content strap--5l-5l border--bottom-none">
                        <div class="header">
                            <h2 class="heading">Strap 5l-5l</h2>
                        </div>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="two-column">
                                <!--[if (gte mso 9)|(IE)]>
                                <table width="100%">
                                <tr>
                                <td width="50%" valign="top">
                                <![endif]-->
                                <div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">

                                                <ul class="list-stocks">
                                                    <li><b>SPI</b>&nbsp;up 8 points at 5382</li>
                                                    <li><b>AUD</b>&nbsp;at US74.73 cents</li>
                                                    <li><b>Dow Jones</b>&nbsp;+0.4%</li>
                                                    <li><b>S&amp;P500</b>&nbsp;+0.3%</li>
                                                    <li><b>Nasdaq</b>&nbsp;+0.3%</li>
                                                    <li><b>FTSE100</b>&nbsp;+0.3%</li>
                                                </ul>


                                        </td>
                                    </tr>
                                    </table>
                                </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]-->
                                <div class="column">
                                    <table width="100%">
                                        <tr>
                                            <td class="inner">
                                                <ul class="list-stocks">
                                                    <li><b>CAC</b>&nbsp;-0.6%</li>
                                                    <li><b>DAX</b>&nbsp;-0.7%</li>
                                                    <li><b>Spot gold</b>&nbsp;+1.4% at $US1261.92 an ounce</li>
                                                    <li><b>Brent oil</b>&nbsp;+2.1% at $US52.54 a barrel</li>
                                                    <li><b>Iron ore</b>&nbsp;+0.04% at $US52.56 a tonne</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        </table>
                                    </div>
                                <!--[if (gte mso 9)|(IE)]>
                                </td>
                                </tr>
                                </table>
                                <![endif]-->
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>
                    <!-- END OF BTB TOP STRAP -->

                    <!-- MARKET WRAP TOP STRAP: GOES IN HTML ASSET IN CQ -->
                    <div class="component-wrap section">
                        <div class="strap strap--content strap--5l-5l border--bottom-none">
                            <div class="header">
                                <h2 class="heading">Strap 5l-5l</h2>
                            </div>
                            <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                            <tr>
                                <td class="one-column">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table width="100%">
                                    <tr>
                                    <td width="50%" valign="top">
                                    <![endif]-->

                                    <div class="column">
                                        <table width="100%">
                                            <tr>
                                                <td class="inner">
                                                    <ul class="list-stocks">
                                                        <li><b>CAC</b>&nbsp;-0.6%</li>
                                                        <li><b>DAX</b>&nbsp;-0.7%</li>
                                                        <li><b>Spot gold</b>&nbsp;+1.4% at $US1261.92 an ounce</li>
                                                        <li><b>Brent oil</b>&nbsp;+2.1% at $US52.54 a barrel</li>
                                                        <li><b>Iron ore</b>&nbsp;+0.04% at $US52.56 a tonne</li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            </table>
                                        </div>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]-->
                                </td>
                            </tr>
                            <tr>
                                <td class="one-column">
                                    <table width="100%">
                                    <tr>
                                        <td class="inner height-none">
                                            <hr>
                                        </td>
                                    </tr>
                                    </table>
                                </td>
                            </tr>
                            </table>
                        </div>
                    </div>
                        <!-- END OF MARKET WRAP TOP STRAP -->

                <div class="component-wrap section">
                    <div class="strap strap--content strap--1s-3l">
                        <div class="header">
                            <h2 class="heading">Strap 1s-3l</h2>
                        </div>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="two-column">
                                <!--[if (gte mso 9)|(IE)]>
                                <table width="100%">
                                <tr>
                                <td width="50%" valign="top">
                                <![endif]-->
                                <div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">
                                            <div class="grid">
                                                <div class="story story--stacked story--promo unit-6-12 has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img"
                                                           href="http://www.essentialbaby.com.au"
                                                           tabindex="-1"><img
                                                                src="http://placehold.it/300x200"
                                                                alt="vbbcb" width="300"
                                                                height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">Did
                                                                I leave the baby in the car?</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]--><div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner inner__story">
                                            <div class="story story--promo unit-6-12 has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                <tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">The mum who let five strangers
                                                            breastfeed her baby</a>
                                                        </h3>
                                                    </td>
                                                </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="inner inner__story">
                                            <div class="story story--promo unit-6-12 has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                <tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">Mum's loving kiss leaves baby
                                                            fighting for life</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </td>
                                                </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="inner inner__story">
                                            <div class="story story--promo unit-6-12 has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                <tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">Mum's loving kiss leaves baby
                                                            fighting for life</a>
                                                        </h3>
                                                    </td>
                                                </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div>
                                <!--[if (gte mso 9)|(IE)]>
                                </td>
                                </tr>
                                </table>
                                <![endif]-->
                            </td>
                        </tr>

                        </table>
                    </div>
                </div>

               <div class="component-wrap section">
                    <div class="strap strap--content strap--1s-1s border--bottom-none">
                        <div class="header">
                            <h2 class="heading">Strap 1s-1s</h2>
                        </div>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="two-column">
                                <div class="grid">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table width="100%">
                                    <tr>
                                    <td width="50%" valign="top">
                                    <![endif]-->
                                    <div class="column">
                                        <table width="100%">
                                        <tr>
                                            <td class="inner">
                                                <div class="story story--stacked story--promo has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/300x200" alt="Image description" width="300" height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">Evans: Why Clarkson had to go</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        </table>
                                    </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]--><div class="column">
                                        <table width="100%">
                                        <tr>
                                            <td class="inner">
                                                <div class="story story--stacked has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/300x200" alt="Image description" width="300" height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">How can we trust Tara Brown now?</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        </table>
                                    </div>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]-->
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>

                <div class="component-wrap section">
                    <div class="strap strap--content strap--x">
                        <div class="header">
                            <h2 class="heading">Strap x</h2>
                        </div>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <table cellpadding="0" cellspacing="0" width="100%">
                                                <tbody><tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">Which airline wins crossing the pond?</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </td>
                                                    <td align="right" valign="top" width="130">
                                                        <div class="story__lead">
                                                            <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"></a>
                                                        </div>
                                                    </td>
                                                </tr></tbody>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <table cellpadding="0" cellspacing="0" width="100%">
                                                <tbody><tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">Which airline wins crossing the pond?</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </td>
                                                    <td align="right" valign="top" width="130">
                                                        <div class="story__lead">
                                                            <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"></a>
                                                        </div>
                                                    </td>
                                                </tr></tbody>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <table cellpadding="0" cellspacing="0" width="100%">
                                                <tbody><tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">Which airline wins crossing the pond?</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </td>
                                                    <td align="right" valign="top" width="130">
                                                        <div class="story__lead">
                                                            <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"></a>
                                                        </div>
                                                    </td>
                                                </tr></tbody>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr class="border--bottom-white">
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>
                
                <div class="component-wrap section">
                    <div class="strap strap--content strap--xl">
                        <div class="header">
                            <h2 class="heading">Strap xl</h2>
                        </div>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <div class="story__wof">
                                                <h3 class="story__headline">
                                                    <a href="javascript:;">Duncan Jones steps out of dad David Bowie's shadow with Warcraft</a>
                                                </h3>
                                                <p>This is optional wof text, configurable on/off in CQ author, and usually turned on for the larger stacked stories.</p>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width=100%>
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <div class="story__wof">
                                                <h3 class="story__headline">
                                                    <a href="javascript:;">Duncan Jones steps out of dad David Bowie's shadow with Warcraft</a>
                                                </h3>
                                                <p>This is optional wof text, configurable on/off in CQ author, and usually turned on for the larger stacked stories.</p>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width=100%>
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <div class="story__wof">
                                                <h3 class="story__headline">
                                                    <a href="javascript:;">Duncan Jones steps out of dad David Bowie's shadow with Warcraft</a>
                                                </h3>
                                                <p>This is optional wof text, configurable on/off in CQ author, and usually turned on for the larger stacked stories.</p>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr class="border--bottom-white">
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>

                <div class="component-wrap section">
                    <div class="strap strap--content strap--1s-2">
                        <div class="header">
                            <h2 class="heading">Strap 1s-2</h2>
                        </div>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="two-column">
                                <!--[if (gte mso 9)|(IE)]>
                                <table width="100%">
                                <tr>
                                <td width="50%" valign="top">
                                <![endif]-->
                                <div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">
                                            <div class="grid">
                                                <div class="story story--stacked story--promo unit-6-12 has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img"
                                                           href="http://www.essentialbaby.com.au"
                                                           tabindex="-1"><img
                                                                src="http://placehold.it/300x200"
                                                                alt="vbbcb" width="300"
                                                                height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">Did
                                                                I leave the baby in the car?</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]--><div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner inner__story">
                                            <div class="story has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                    <tbody><tr>
                                                        <td class="story__wof" valign="top">
                                                            <h3 class="story__headline">
                                                                <a href="javascript:;">Which airline wins crossing the pond?</a>
                                                            </h3>
                                                            <p class="byline">Esther Han</p>
                                                        </td>
                                                        <td align="right" valign="top" width="130">
                                                            <div class="story__lead">
                                                                <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"></a>
                                                            </div>
                                                        </td>
                                                    </tr></tbody>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="inner inner__story">
                                            <div class="story has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                    <tbody><tr>
                                                        <td class="story__wof" valign="top">
                                                            <h3 class="story__headline">
                                                                <a href="javascript:;">Which airline wins crossing the pond?</a>
                                                            </h3>
                                                            <p class="byline">Esther Han</p>
                                                        </td>
                                                        <td align="right" valign="top" width="130">
                                                            <div class="story__lead">
                                                                <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"></a>
                                                            </div>
                                                        </td>
                                                    </tr></tbody>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div>
                                <!--[if (gte mso 9)|(IE)]>
                                </td>
                                </tr>
                                </table>
                                <![endif]-->
                            </td>
                        </tr>

                        </table>
                    </div>
                </div>

                <div class="component-wrap section">
                    <div class="strap strap--content strap--1s-1s_1s-1s border--bottom-none">
                        <div class="header">
                            <h2 class="heading">Strap 1s-1s_1s-1s</h2>
                        </div>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="two-column">
                                <!--[if (gte mso 9)|(IE)]>
                                <table width="100%">
                                <tr>
                                <td width="50%" valign="top">
                                <![endif]-->
                                <div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">
                                            <div class="grid">
                                                <div class="story story--stacked has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/300x200" alt="Image description" width="300" height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">Mary Poppins to get a sequel, starring Emily Blunt</a>
                                                        </h3>
                                                        <p class="byline">Darren Kane</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]--><div class="column">
                                        <table width="100%">
                                        <tr>
                                            <td class="inner">
                                                <div class="story story--stacked has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/300x200" alt="Image description" width="300" height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">How can we trust Tara Brown now?</a>
                                                        </h3>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        </table>
                                    </div>
                                <!--[if (gte mso 9)|(IE)]>
                                </td>
                                </tr>
                                </table>
                                <![endif]-->
                            </td>
                        </tr>
                        <tr>
                            <td class="two-column">
                                <div class="grid">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table width="100%">
                                    <tr>
                                    <td width="50%" valign="top">
                                    <![endif]-->
                                    <div class="column">
                                        <table width="100%">
                                        <tr>
                                            <td class="inner">
                                                <div class="story story--stacked story--promo has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/300x200" alt="Image description" width="300" height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">Evans: Why Clarkson had to go</a>
                                                        </h3>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        </table>
                                    </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]--><div class="column">
                                        <table width="100%">
                                        <tr>
                                            <td class="inner">
                                                <div class="story story--stacked has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/300x200" alt="Image description" width="300" height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">How can we trust Tara Brown now?</a>
                                                        </h3>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        </table>
                                    </div>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]-->
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>

                <div class="component-wrap section">
                    <div class="strap strap--content strap--1-1_1-1">

                        <div class="header">
                            <h2 class="heading">Strap 1-1_1-1</h2>
                        </div>

                        <table border="0" cellpadding="0" cellspacing="0" class="outer"
                               width="100%">

                        <tr>
                            <td class="two-column">
                                <!--[if (gte mso 9)|(IE)]>
                                <table width="100%">
                                <tr>
                                <td width="50%" valign="top">
                                <![endif]-->
                                <div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">
                                            <div class="story story--promo unit-1-2 has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td class="story__wof" valign="top">
                                                            <h3 class="story__headline">
                                                                <a href="http://www.essentialbaby.com.au">Woman tries to name her baby
                                                                                'Cyanide'</a>
                                                            </h3>
                                                        </td>
                                                        <td valign="top" width="120">
                                                            <div class="story__lead">
                                                                <a class="story__img" href="http://www.essentialbaby.com.au" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"/></a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]--><div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">
                                            <div class="story unit-1-2 story--promo has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                <tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">Smiling new born babies</a>
                                                        </h3>
                                                    </td>
                                                    <td valign="top" width="120">
                                                        <div class="story__lead">
                                                            <a class="story__img" href="http://www.essentialbaby.com.au" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"/></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div>
                                <!--[if (gte mso 9)|(IE)]>
                                </td>
                                </tr>
                                </table>
                                <![endif]-->
                            </td>
                        </tr>
                        <tr>
                            <td class="two-column">
                                <!--[if (gte mso 9)|(IE)]>
                                <table width="100%">
                                <tr>
                                <td width="50%" valign="top">
                                <![endif]-->
                                <div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">
                                            <div class="story story--promo unit-1-2 has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td class="story__wof" valign="top">
                                                            <h3 class="story__headline">
                                                                <a href="http://www.essentialbaby.com.au">Trends only girls of Bo's would
                                                                                understand</a>
                                                            </h3>
                                                        </td>
                                                        <td valign="top" width="120">
                                                            <div class="story__lead">
                                                                <a class="story__img" href="http://www.essentialbaby.com.au" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"/></a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]--><div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">
                                            <div class="story story--promo unit-1-2 has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                <tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">Favourite quotes from the Jungle Book</a>
                                                        </h3>
                                                    </td>
                                                    <td valign="top" width="120">
                                                        <div class="story__lead">
                                                            <a class="story__img" href="http://www.essentialbaby.com.au" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"/></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                </table>
                                           </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div>
                                <!--[if (gte mso 9)|(IE)]>
                                </td>
                                </tr>
                                </table>
                                <![endif]-->
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>

                <div class="component-wrap section">
                    <div class="strap strap--content strap--1s-2l">
                        <div class="header">
                            <h2 class="heading">Strap 1s-2l</h2>
                        </div>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="two-column">
                                <!--[if (gte mso 9)|(IE)]>
                                <table width="100%">
                                <tr>
                                <td width="50%" valign="top">
                                <![endif]-->
                                <div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner">
                                            <div class="grid">
                                                <div class="story story--stacked story--promo unit-6-12 has-wof">
                                                    <div class="story__lead">
                                                        <a class="story__img"
                                                           href="http://www.essentialbaby.com.au"
                                                           tabindex="-1"><img
                                                                src="http://placehold.it/300x200"
                                                                alt="vbbcb" width="300"
                                                                height="200"/></a>
                                                    </div>
                                                    <div class="story__wof">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">Did
                                                                I leave the baby in the car?</a>
                                                        </h3>
                                                        <p class="byline">Esther Han</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    </table>
                                </div><!--[if (gte mso 9)|(IE)]></td><td width="50%" valign="top"><![endif]--><div class="column">
                                    <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td class="inner inner__story">
                                            <div class="story story--promo unit-6-12 has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                <tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">The mum who let five strangers
                                                            breastfeed her baby</a>
                                                        </h3>
                                                        <p>This is optional wof text, configurable on/off in CQ author, and usually turned on for the larger stacked stories.</p>
                                                    </td>
                                                </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="inner inner__story">
                                            <div class="story story--promo unit-6-12 has-wof">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                <tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="http://www.essentialbaby.com.au">Mum's loving kiss leaves baby
                                                            fighting for life</a>
                                                        </h3>
                                                        <p>This is optional wof text, configurable on/off in CQ author, and usually turned on for the larger stacked stories.</p>
                                                        <p class="byline">Esther Han</p>
                                                    </td>
                                                </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>

                                    </table>
                                </div>
                                <!--[if (gte mso 9)|(IE)]>
                                </td>
                                </tr>
                                </table>
                                <![endif]-->
                            </td>
                        </tr>

                        </table>
                    </div>
                </div>

                <div class="component-wrap section">
                    <div class="strap strap--content strap--x strap--sponsored">
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="one-column header">
                                <h2 class="heading">Sponsored</h2>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <table cellpadding="0" cellspacing="0" width="100%">
                                                <tbody><tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">John, Jake and Harry: the who's who of Taylor Swift breakup songs</a>
                                                        </h3>
                                                        <p>This is optional wof text, configurable on/off in CQ author, and usually turned on for the larger stacked stories.</p>
                                                    </td>
                                                    <td align="right" valign="top" width="130">
                                                        <div class="story__lead">
                                                            <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"></a>
                                                        </div>
                                                    </td>
                                                </tr></tbody>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <table cellpadding="0" cellspacing="0" width="100%">
                                                <tbody><tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">John, Jake and Harry: the who's who of Taylor Swift breakup songs</a>
                                                        </h3>
                                                        <p>This is optional wof text, configurable on/off in CQ author, and usually turned on for the larger stacked stories.</p>
                                                    </td>
                                                    <td align="right" valign="top" width="130">
                                                        <div class="story__lead">
                                                            <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"></a>
                                                        </div>
                                                    </td>
                                                </tr></tbody>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td class="one-column">
                                <table width="100%">
                                <tr>
                                    <td class="inner contents">
                                        <div class="story has-wof">
                                            <table cellpadding="0" cellspacing="0" width="100%">
                                                <tbody><tr>
                                                    <td class="story__wof" valign="top">
                                                        <h3 class="story__headline">
                                                            <a href="javascript:;">John, Jake and Harry: the who's who of Taylor Swift breakup songs</a>
                                                        </h3>
                                                        <p>This is optional wof text, configurable on/off in CQ author, and usually turned on for the larger stacked stories.</p>
                                                    </td>
                                                    <td align="right" valign="top" width="130">
                                                        <div class="story__lead">
                                                            <a class="story__img" href="javascript:;" tabindex="-1"><img src="http://placehold.it/120x80" alt="Image description" width="120" height="80"></a>
                                                        </div>
                                                    </td>
                                                </tr></tbody>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </td>
                        </tr>
                        <tr class="border--bottom-sponsored">
                            <td class="one-column">
                                <table width="100%">
                                <tbody><tr>
                                    <td class="inner height-none">
                                        <hr>
                                    </td>
                                </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>

                <div class="component-wrap section">
                    <div class="strap strap--content strap--social">
                        <div class="header" align="center">
                            <h2 class="heading">Follow us</h2>
                        </div>
                        <table border="0" cellpadding="0" cellspacing="0" class="outer" width="100%">
                        <tr>
                            <td class="two-column">
                                <div class="grid">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table width="100%">
                                    <tr>
                                    <td width="50%" valign="top">
                                    <![endif]-->
                                    <div class="column social">
                                        <table width="100%">
                                            <tr>
                                                <td class="inner">
                                                    <p class="">
                                                        connect with us
                                                    </p>
                                                </td>
                                            </tr>

                                        </table>
                                    </div>
                                    <div class="column social">
                                        <table width="100%">
                                        <tr>
                                            <td class="inner contents">
                                                <div align="right">
                                                    <table align="right" border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td>
                                                            <a href="https://www.facebook.com/sydneymorningherald" target="_blank" class="facebook" data-network="facebook">
                                                                <img class="icon" src="../dev/img/icon-facebook.png" width="30" height="30" alt="Facebook">
                                                            </a>
                                                        </td>
                                                        <td>
                                                            <a href="https://twitter.com/smh" target="_blank" class="twitter" data-network="twitter">
                                                                <img class="icon" src="../dev/img/icon-twitter.png" width="30" height="30" alt="Twitter">
                                                            </a>
                                                        </td>
                                                        <td>
                                                            <a href="/" target="_blank" class="linkedin" data-network="linkedin">
                                                                <img class="icon" src="../dev/img/icon-linkedin.png" width="30" height="30" alt="Google+">
                                                            </a>
                                                        </td>
                                                        <td>
                                                            <a href="/" target="_blank" class="instagram" data-network="instagram">
                                                                <img class="icon" src="../dev/img/icon-instagram.png" width="30" height="30" alt="Pinterest">
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                        </table>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        </table>
                    </div>
                </div>

                <!--[if (gte mso 9)|(IE)]>
                </td>
                </tr>
                </table>
                <![endif]-->
            </div>
        </div>
    </div> <!-- end webkit div 8-B -->
</div> <!-- end align center div -->

</div> <!-- end parsys div-->

    <div align="center" class="wrapper footer--info">
        <table align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
            <td class="footer logo">
                <table width="100%">
                <tr>
                    <td align="center" class="two-column">
                        <div class="grid">
                            <div class="column">
                                <table cellpadding="2" cellspacing="0" class="footer--logo">
                                <tr>
                                    <td class="logo-ffx">
                                        <a href="http://www.fairfaxmedia.com.au">
                                            <img src="../dev/img/logo--fairfax-white.png" width="76" height="40" alt="Fairfax Media">
                                        </a>
                                    </td>
                                </tr>
                                </table>
                            </div>
                            <div class="column">
                                <table align="center" cellpadding="0" cellspacing="0" class="footer--links">
                                <tr>
                                    <td><a href="/">contact us</a></td>
                                    <td class="border--left"><a href="/">my account</a></td>
                                    <td class="border--left"><a href="/">afr</a></td>
                                </tr>
                                </table>
                            </div>
                        </div>
                    </td>
                </tr>
                </table>
            </td>
        </tr>
        </table>
        <div class="webkit">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" cellpadding="0" cellspacing="0" width="640">
            <tr>
            <td>
            <![endif]-->
            <table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr>
                <td class="one-column footer">
                    <table width="100%">
                    <tr>
                        <td class="inner contents disclaimer">
                            <p>This email is sent by Fairfax Media Limited. ABN. 15 008 663 161. 1 Darling Island Rd Pyrmont, NSW, 2009, Australia.</p>
                            <p>You have received this email because our records show you are a subscriber to the AFR. Your email adress is: %%email_address%%</p>
                            <p>If you feel you received this email by mistake or no longer wish to receive the “Name newsletter�, simply unsubscribe here. Note: This may take up to 48 hours and will only discontinue the “Name newsletter� and does not cancel other email updates or your subscription. Please read Fairfax Media Limited’s Privacy policy.</p>
                            <p>“Name newsletter� contains general information, does not provide stock recommendations, financial or investment advice or gaurantee returns and has been generated without taking into account your objectives, financial situation or needs. You should seek independent advice before acting on any information or making any investment decisions.</p>
                        </td>
                    </tr>
                    </table>
                </td>
            </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </div>
    </div>

</td>
</tr>
</table>
</body>
</html>
This is the sample HTML file. All the conditional HTML code is causing the following code to be ignored. There is no error while compiling though. It is just not rewriting the classes and the ids in the HTML.

@JPeer264
Copy link
Owner

JPeer264 commented Feb 8, 2017

Well yeah, I figured that there is a small bug in my regex. Actually it should just trigger everything between " " and ' '. As it is now it will also start at words like doesn't or it's. A quick fix for you might be to encode all ' as &#39; and " as &quot; in your plain text or comments.

I will give you an update as soon as I solved this problem.

@JPeer264 JPeer264 changed the title Not working with Inline IE comments Does not match strings as expected Feb 8, 2017
@JPeer264 JPeer264 added the bug label Feb 8, 2017
@JPeer264
Copy link
Owner

JPeer264 commented Feb 8, 2017

Please try it again with v0.0.3

@debanjanbasu
Copy link
Author

debanjanbasu commented Feb 8, 2017

v0.0.3 seems to not compile the CSS at all. This is my grunt config :

rcs: {
    options: {},
    css: {
        options: {
            replaceCss: true
        },
        files: [{
            expand: true,
            cwd: 'dev/',
            src: 'csso/*.css',
            dest: 'rcs/',
        }]
    },
    all: {
        files: [{
            expand: true,
            cwd: 'dev/',
            src: ['*.html'],
            dest: 'rcs/',
        }]
    }
}

@JPeer264
Copy link
Owner

JPeer264 commented Feb 9, 2017

Hm weird. I made now a project with your config where all CSS files in ./dev/csso and all HTML files in ./dev got compiled.

Please also make sure that rcs:css is loaded before rcs:all. Try following for me:

  1. Delete the rcs folder
  2. Make sure your paths in the grunt config are correct
  3. Run in your shell grunt rcs:css rcs:all

What is the output now?

@debanjanbasu
Copy link
Author

It worked 👍 The trick is to ensure that the input CSS is not uglified (in one line). If the sass-->css is compact, it won't work. It has to be 'compressed'. I.e. CSS selector in it's own line.

@JPeer264
Copy link
Owner

JPeer264 commented Feb 9, 2017

I am glad that it worked.

Oh that is a good hint. I will put this into the readme. Thanks!

@JPeer264 JPeer264 closed this as completed Feb 9, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants