JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css">
<a href="#" id="showFancybox">Show me</a>

JavaScript

var result = '<div class="item"> <div class="img"><a href="./Композиция состоит из 3 разноцветных шариков, размером 30 см, расположенных на единой ленте, декорированной маленькими шариками.<br /> "><img id="dp894" src="http://i.stack.imgur.com/1jCEv.jpg?s=128&g=1" alt="Композиция"/></div></div>';

$('#showFancybox').click(function() {
    $.fancybox({
      'content'  : result,
      'width' : 600,
      'height': 500
    });
});