summernote-image-captionit/summernote-image-captionit.js at master · meshzp/summernote-image-captionit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/* https://github.com/DiemenDesign/summernote-image-captionit */
(function (factory) {
  if (typeof define === 'function' && define.amd) {
    define(['jquery'],factory)
  } else if (typeof module === 'object' && module.exports) {
    module.exports = factory(require('jquery'));
  } else {
    factory(window.jQuery)
  }
}
(function ($) {
  $.extend(true,$.summernote.lang, {
    'en-US': {
      captionIt: {
        tooltip: 'Caption It'
      }
    }
  });
  $.extend($.summernote.options, {
    captionIt: {
      icon: '<i class="note-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="14" height="14"><path d="M 8.781,11.11 7,11.469 7.3595,9.688 8.781,11.11 Z M 7.713,9.334 9.135,10.7565 13,6.8915 11.5775,5.469 7.713,9.334 Z M 6.258,9.5 8.513,7.12 7.5,5.5 6.24,7.5 5,6.52 3,9.5 6.258,9.5 Z M 4.5,5.25 C 4.5,4.836 4.164,4.5 3.75,4.5 3.336,4.5 3,4.836 3,5.25 3,5.6645 3.336,6 3.75,6 4.164,6 4.5,5.6645 4.5,5.25 Z m 1.676,5.25 -4.176,0 0,-7 9,0 0,1.156 1,0 0,-2.156 -11,0 0,9 4.9845,0 0.1915,-1 z"/></svg></i>',
      figureClass: '',
      figcaptionClass: '',
      captionText: 'Caption Goes Here.'
    }
  });
  $.extend($.summernote.plugins, {
    'captionIt': function(context) {
      var ui        = $.summernote.ui,
          $editable = context.layoutInfo.editable,
          options   = context.options,
          lang      = options.langInfo;
      context.memo('button.captionIt', function () {
        var button=ui.button({
          contents: options.captionIt.icon,
          tooltip:  lang.captionIt.tooltip,
          click: function () {
            var img = $($editable.data('target'));
            var $parentAnchorLink = img.parent();
            if ($parentAnchorLink.parent('figure').length) {
              $parentAnchorLink.next('figcaption').remove();
              $parentAnchorLink.unwrap('figure');
            } else {
              var titleText    = img.attr('title'),
                  altText      = img.attr('alt'),
                  classList    = img.attr('class'),
                  inlineStyles = img.attr('style'),
                  classList    = img.attr('class'),
                  inlineStyles = img.attr('style'),
                  imgWidth     = img.width(),
			            captionText  = '';
		          if (titleText) {
                captionText = titleText;
		          } else if (altText) {
                captionText = altText;
		          } else {
                captionText = options.captionIt.captionText;
		          }
              if ($parentAnchorLink.is('a')) {
                $newFigure = $parentAnchorLink.wrap('<figure class="' + options.captionIt.figureClass + '"></figure>').parent();
                $newFigure.append('<figcaption class="' + options.captionIt.figcaptionClass + '>' + captionText + '</figcaption>');
                $newFigure.width(imgWidth);
              } else {
                $newFigure = img.wrap('<figure class="' + options.captionIt.figureClass + '"></figure>').parent();
                img.after('<figcaption class="' + options.captionIt.figcaptionClass + '">' + captionText + '</figcaption>');
                $newFigure.width(imgWidth);
              }
            }
          }
        });
        return button.render();
      });
    }
  });
}));