search

TylerBarnes / wordsby

A toolset to glue Gatsby and WordPress together
65 stars 4 forks source link

Fields with inline images have an entire html doc #53

Open TylerBarnes opened 5 years ago

TylerBarnes commented 5 years ago

In the build process cheerio is adding <html/>,<head/>,<body/> tags

<html><head></head><body><p>This is the news post content! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempus auctor consequat. Suspendisse ac pellentesque sapien. Aenean sagittis nunc vel est egestas placerat id vel leo. Donec sollicitudin lectus eget dapibus fringilla. Aliquam a urna posuere, euismod augue sit amet, maximus turpis. Ut semper, ex vel molestie hendrerit, elit erat facilisis nulla, rhoncus pharetra augue tellus pretium nulla. Ut vestibulum malesuada neque, sed sodales magna lobortis non. Nam a orci ut turpis ornare blandit. Fusce non pellentesque leo. Nulla lacinia risus quis urna tristique, vitae rhoncus odio pulvinar. Donec mollis, neque a pulvinar tempor, odio est pharetra lectus, in ultricies purus metus vel ante.</p>
<p><span class="gatsby-resp-image-wrapper" style="position: relative; display: block;  max-width: 900px; margin-left: auto; margin-right: auto;">
    <span class="gatsby-resp-image-background-image" style="padding-bottom: 56.25%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMFAf/EABUBAQEAAAAAAAAAAAAAAAAAAAID/9oADAMBAAIQAxAAAAGZr3zcoWI//8QAGBABAQEBAQAAAAAAAAAAAAAAAQIDE0L/2gAIAQEAAQUC5VMGN0VlY+Gkxapf/8QAFhEBAQEAAAAAAAAAAAAAAAAAABIh/9oACAEDAQE/AZY//8QAFhEBAQEAAAAAAAAAAAAAAAAAABIh/9oACAECAQE/Aaa//8QAGhAAAgIDAAAAAAAAAAAAAAAAAAERIRBRYf/aAAgBAQAGPwKVDZ3WaZbP/8QAGxAAAwEAAwEAAAAAAAAAAAAAAAERITFBUWH/2gAIAQEAAT8htaJYlSnTUciKif1Mip9+oRsMKptP/9oADAMBAAIAAwAAABB37//EABYRAAMAAAAAAAAAAAAAAAAAABAhMf/aAAgBAwEBPxCkH//EABYRAQEBAAAAAAAAAAAAAAAAADEQIf/aAAgBAgEBPxAax//EAB4QAQEAAgEFAQAAAAAAAAAAAAERACFBMVFhcZHh/9oACAEBAAE/EG4KBXDd6nrIKy887s0fmIVzYkcWjk70L8y7UWTHDK5sz//Z&apos;); background-size: cover; display: block;"></span>
    <img class="gatsby-resp-image-image alignnone size-medium wp-image-87" style="width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;box-shadow:inset 0px 0px 0px 400px white;" alt="720" title="" src="/static/a1fcb1bb4ffba7d83f0edae4df4cfd12/f79b6/720.jpg" srcset="/static/a1fcb1bb4ffba7d83f0edae4df4cfd12/07cd6/720.jpg 225w,
/static/a1fcb1bb4ffba7d83f0edae4df4cfd12/6d4bf/720.jpg 450w,
/static/a1fcb1bb4ffba7d83f0edae4df4cfd12/f79b6/720.jpg 900w,
/static/a1fcb1bb4ffba7d83f0edae4df4cfd12/1843b/720.jpg 1280w" sizes="(max-width: 900px) 100vw, 900px">
  </span></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempus auctor consequat. Suspendisse ac pellentesque sapien. Aenean sagittis nunc vel est egestas placerat id vel leo. Donec sollicitudin lectus eget dapibus fringilla. Aliquam a urna posuere, euismod augue sit amet, maximus turpis. Ut semper, ex vel molestie hendrerit, elit erat facilisis nulla, rhoncus pharetra augue tellus pretium nulla. Ut vestibulum malesuada neque, sed sodales magna lobortis non. Nam a orci ut turpis ornare blandit. Fusce non pellentesque leo. Nulla lacinia risus quis urna tristique, vitae rhoncus odio pulvinar. Donec mollis, neque a pulvinar tempor, odio est pharetra lectus, in ultricies purus metus vel ante.</p>
</body></html>