Plugin Development: How to set custom attributes to a cell

How can I set a custom attribute for a cell that gets saved with the document? getAttribute/setAttribute does not work the way I think.

I found this documentation, but it does not really help. I don’t understand how I can use an XML node as the value of the cell.

[hediet]

For future reference:

This code is completely neutral to how draw.io edits and displays labels.

function getLinkedData(cell) {
    if (!mxUtils.isNode(cell.value)) {
        return undefined;
    }
    return cell.value.getAttribute("hedietLinkedData");
}

function setLinkedData(cell, linkedData) {
    let newNode;
    if (!mxUtils.isNode(cell.value)) {
        var doc = mxUtils.createXmlDocument();
        var obj = doc.createElement("object");
        obj.setAttribute("label", cell.value || "");
        newNode = obj;
    } else {
        newNode = cell.value.cloneNode(true);
    }
    newNode.setAttribute("hedietLinkedData", linkedData);
    cell.setValue(newNode);
}

Documents with nodes that have been associated with data like this can be edited on draw.io without the need for plugins. Providing a custom convertValueToString is not necessary.

[chengkehan]

@hediet Many many thanks. I’ve been searched a way for a long time, and your solution a perfect. Hope there will be a complete api document for plugin developers.