123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import { EmbedBlot } from 'parchment';
- import { sanitize } from './link';
- const ATTRIBUTES = ['alt', 'height', 'width'];
- class Image extends EmbedBlot {
- static create(value) {
- const node = super.create(value);
- if (typeof value === 'string') {
- node.setAttribute('src', this.sanitize(value));
- }
- return node;
- }
- static formats(domNode) {
- return ATTRIBUTES.reduce((formats, attribute) => {
- if (domNode.hasAttribute(attribute)) {
- formats[attribute] = domNode.getAttribute(attribute);
- }
- return formats;
- }, {});
- }
- static match(url) {
- return /\.(jpe?g|gif|png)$/.test(url) || /^data:image\/.+;base64/.test(url);
- }
- static register() {
- if (/Firefox/i.test(navigator.userAgent)) {
- setTimeout(() => {
- // Disable image resizing in Firefox
- document.execCommand('enableObjectResizing', false, false);
- }, 1);
- }
- }
- static sanitize(url) {
- return sanitize(url, ['http', 'https', 'data']) ? url : '//:0';
- }
- static value(domNode) {
- return domNode.getAttribute('src');
- }
- format(name, value) {
- if (ATTRIBUTES.indexOf(name) > -1) {
- if (value) {
- this.domNode.setAttribute(name, value);
- } else {
- this.domNode.removeAttribute(name);
- }
- } else {
- super.format(name, value);
- }
- }
- }
- Image.blotName = 'image';
- Image.tagName = 'IMG';
- export default Image;
|