gpt4 book ai didi

html - 如何在 Quill 编辑器中添加图像属性?我想添加 'alt' 和 'title' 属性

转载 作者:行者123 更新时间:2023-12-04 21:35:23 30 4
gpt4 key购买 nike

当我上传图片时,只保存它的“src”。我想为 SEO 添加替代文本和标题。我尝试在 Quill 文档中搜索模块,但找不到任何模块。

最佳答案

也许不是直接的答案,而是相关的。
这是从全文 html 初始化时保留图像属性的解决方案。

解决方案1:

class ImageBlot extends Image {
static create(value) {
if (typeof value == 'string') {
return super.create(value);
} else {
return value;
}
}

static value(domNode) {
return domNode;
}
}
Quill.register(ImageBlot);

解决方案2:
class ImageBlot extends Image {
static get ATTRIBUTES() {
return [ 'alt', 'height', 'width', 'class', 'data-original', 'data-width', 'data-height', 'style-data' ]
}

static formats(domNode) {
return this.ATTRIBUTES.reduce(function(formats, attribute) {
if (domNode.hasAttribute(attribute)) {
formats[attribute] = domNode.getAttribute(attribute);
}
return formats;
}, {});
}

format(name, value) {
if (this.constructor.ATTRIBUTES.indexOf(name) > -1) {
if (value) {
this.domNode.setAttribute(name, value);
} else {
this.domNode.removeAttribute(name);
}
} else {
super.format(name, value);
}
}
}
Quill.register(ImageBlot);

您可以使用 solution2 指定属性的白名单。

关于html - 如何在 Quill 编辑器中添加图像属性?我想添加 'alt' 和 'title' 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39575363/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com