Как редактировать файл XML с помощью Jstree?

Я использую Jstree для отображения XML файла, а затем используя его возможности, такие как создание и переименование для редактирования отображаемого дерева, есть ли способ отразить изменения, внесенные мной в дерево в исходный файл XML? например, когда я создал узел, я хочу, чтобы этот узел был создан в файле XML.

напр.

если файл XML содержит:

<?xml version="1.0" encoding="UTF-8"?>
<menu parent_id="0" >       
    <ColdDrinks>
            <pepsi  price="5" hasoption = "false"> 
            </pepsi>
            <Mango  price = "8" hasoption = "false">
            </Mango>
            <Water>
            </Water>
    </ColdDrinks>

</menu>

он будет отображаться следующим образом:

и когда я добавляю новый напиток:

Я хочу, чтобы мой XML файл редактировался следующим образом:

<?xml version="1.0" encoding="UTF-8"?>
<menu parent_id="0" >       
    <ColdDrinks>
            <pepsi  price="5" hasoption = "false"> 
            </pepsi>
            <Mango  price = "8" hasoption = "false">
            </Mango>
            <Water>
            </Water>
    </ColdDrinks>
</menu>