devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
64 lines (63 loc) • 2.17 kB
JavaScript
/**
* DevExtreme (esm/ui/html_editor/formats/mention.js)
* Version: 22.1.9
* Build date: Tue Apr 18 2023
*
* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import Quill from "devextreme-quill";
import $ from "../../../core/renderer";
import TemplatesStorage from "../utils/templates_storage";
var Mention = {};
if (Quill) {
var Embed = Quill.import("blots/embed");
var MENTION_CLASS = "dx-mention";
Mention = class extends Embed {
static create(data) {
var node = super.create();
node.setAttribute("spellcheck", false);
node.dataset.marker = data.marker;
node.dataset.mentionValue = data.value;
node.dataset.id = data.id;
this.renderContent(node, data);
return node
}
static value(node) {
return {
marker: node.dataset.marker,
id: node.dataset.id,
value: node.dataset.mentionValue
}
}
static renderContent(node, data) {
var template = this._templatesStorage.get({
editorKey: data.keyInTemplateStorage,
marker: data.marker
});
if (template) {
template.render({
model: data,
container: node
})
} else {
this.baseContentRender(node, data)
}
}
static baseContentRender(node, data) {
var $marker = $("<span>").text(data.marker);
$(node).append($marker).append(data.value)
}
static addTemplate(data, template) {
this._templatesStorage.set(data, template)
}
static removeTemplate(data) {
this._templatesStorage.delete(data)
}
};
Mention.blotName = "mention";
Mention.tagName = "span";
Mention.className = MENTION_CLASS;
Mention._templatesStorage = new TemplatesStorage
}
export default Mention;