53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
/* eslint-disable class-methods-use-this */
|
|
|
|
import { Image as BaseImage } from 'tiptap-extensions';
|
|
import { defaultMarkdownSerializer } from 'prosemirror-markdown';
|
|
import { placeholderImage } from '~/lazy_loader';
|
|
import { HIGHER_PARSE_RULE_PRIORITY } from '../constants';
|
|
|
|
export default class Image extends BaseImage {
|
|
get schema() {
|
|
return {
|
|
attrs: {
|
|
src: {},
|
|
alt: {
|
|
default: null,
|
|
},
|
|
title: {
|
|
default: null,
|
|
},
|
|
},
|
|
group: 'inline',
|
|
inline: true,
|
|
draggable: true,
|
|
parseDOM: [
|
|
// Matches HTML generated by Banzai::Filter::ImageLinkFilter
|
|
{
|
|
tag: 'a.no-attachment-icon',
|
|
priority: HIGHER_PARSE_RULE_PRIORITY,
|
|
skip: true,
|
|
},
|
|
// Matches HTML generated by Banzai::Filter::ImageLazyLoadFilter
|
|
{
|
|
tag: 'img[src]',
|
|
getAttrs: el => {
|
|
const imageSrc = el.src;
|
|
const imageUrl =
|
|
imageSrc && imageSrc !== placeholderImage ? imageSrc : el.dataset.src || '';
|
|
|
|
return {
|
|
src: imageUrl,
|
|
title: el.getAttribute('title'),
|
|
alt: el.getAttribute('alt'),
|
|
};
|
|
},
|
|
},
|
|
],
|
|
toDOM: node => ['img', node.attrs],
|
|
};
|
|
}
|
|
|
|
toMarkdown(state, node) {
|
|
defaultMarkdownSerializer.nodes.image(state, node);
|
|
}
|
|
}
|