Custom Tags wraps html #307

UriZeliger · 2019-07-02T08:18:14Z

I wanted to use custom tags in order to set style="direction:rtl;" (or style="direction:ltr") on content that that fetched from fragment.
so my html will look something like this

<!doctype html>
<html>

<head>
    <script type="fragment" id="fragment-common" primary></script>
</head>

<body>
    <meta-direction>
        <p>
            <fragment primary id="fragment-1" src="http://localhost:8081"></fragment>
        </p>
    </meta-direction>
</body>
</html>

If I replace meta-direction tag it just refer to the opening position.
I can set my Html like this:

<body>
    <meta-direction>
        <p>
            <fragment primary id="fragment-1" src="http://localhost:8081"></fragment>
        </p>
    </div>
</body>

but then I don't have matching tags in my markup.

vigneshshanmugam · 2019-07-02T10:27:25Z

@UriZeliger If you have passed the corresponding tags in the handleTags option, you would get the matching closingTag for the same.

const tailor = new Tailor({
  handleTags: ['meta-direction'],
  handleTag: (req, tag) => {
    if (tag.name === 'meta-direction') {
      return '<div>'
    }

    if (tag.closingTag === 'meta-direction') {
      // closing
      return '</div>'
    }
  }
})

Hope this helps.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Custom Tags wraps html #307

Custom Tags wraps html #307

UriZeliger commented Jul 2, 2019

vigneshshanmugam commented Jul 2, 2019

Custom Tags wraps html #307

Custom Tags wraps html #307

Comments

UriZeliger commented Jul 2, 2019

vigneshshanmugam commented Jul 2, 2019