|
|
- var BaseImageFormat = Quill.import('formats/image');
- const ImageFormatAttributesList = [
- 'alt',
- 'height',
- 'width',
- 'style'
- ];
-
- class ImageFormat extends BaseImageFormat {
- static formats(domNode) {
- return ImageFormatAttributesList.reduce(function(formats, attribute) {
- if (domNode.hasAttribute(attribute)) {
- formats[attribute] = domNode.getAttribute(attribute);
- }
- return formats;
- }, {});
- }
- format(name, value) {
- if (ImageFormatAttributesList.indexOf(name) > -1) {
- if (value) {
- this.domNode.setAttribute(name, value);
- } else {
- this.domNode.removeAttribute(name);
- }
- } else {
- super.format(name, value);
- }
- }
- }
-
- Quill.register(ImageFormat, true);
- // Register font families
- var Font = Quill.import('formats/font');
- Font.whitelist = ['comic', 'arial','Verdana'];
- Quill.register(Font, true);
- // Register Font sizes
- var fontSizeStyle = Quill.import('attributors/style/size');
- fontSizeStyle.whitelist = ['16px','24px', '32px' ,'40px', '48px' , '56px', '64px' , '72px' , '80px' , '100px'];
- Quill.register(fontSizeStyle, true);
|