在浏览器中突出显示和编辑 XML

Question

试图在浏览器中为用户提供可编辑的 XML 页面。

例如，以下是 XML 的一部分。

<Employee name="John Doe" type="contract" ID="1000"> 
    <Salary>10000</Salary>  
    <Email>johndoe@johndoe.com</Email>  
</Employee>

当以上内容在浏览器（IE 或 FF）中呈现给用户时，用户应该能够突出显示属性或值。当突出显示并按下第二个鼠标按钮时，这将弹出一个菜单进行编辑。对于属性和标签，它可能类似于 ID-TEST-PRESENT 或 ID-TEST-OPTIONAL。现在，该属性在选择时应更改为 ID-TEST-PRESENT，而不是 ID。

同样，对于值，可以显示一个文本框，用户可以在其中输入新值。然后需要将此更新后的 XML 文件发送到后端并保存。

这是可行的吗？如果是的话，什么是最简单的方法。

我一直在编写嵌入式应用程序。这是我在网络浏览器方面的第一次尝试。任何帮助表示赞赏。

Answer 1

这当然是可行的，但并非微不足道。至少对于不习惯 Javascript 和操作 DOM 的人来说是这样。您必须解析 XML 并创建一个 HTML 文档，并在每个元素上使用 Javascript 事件侦听器。

您可以尝试使用现有组件并在必要时对其进行修改。我在这里发现了类似的问题：

/sf/ask/26474381/

除非您正在处理通用 XML 文件，否则最好只是读取 XML 并生成标准 HTML 表单。最简单的方法是将所有内容都基于数据库，如果需要，该数据库将导出为 XML 到后端进程。这使得添加/编辑多行数据变得更加简单