实时编辑svg代码的inkscape插件[关闭]答案

【问题标题】：inkscape plugin to live edit svg code [closed]实时编辑svg代码的inkscape插件[关闭]
【发布时间】：2013-01-10 15:42:40
【问题描述】：

我正在寻找用于 inkscape（或任何基于矢量的编辑器）的插件，以查看带有 SVG 图形对象的窗口旁边的代码的窗口。两个窗口都是动态的，这意味着如果您在图形视图中更改某些内容，它会自动更新代码，而更改代码将自动更新图形对象。如果选择一个对象会突出显示相关代码，那就太好了。

是否存在这样的事情，或者其他人会对这样的事情感兴趣吗？

【问题讨论】：

【解决方案1】：

inkscape 的编辑菜单中的 XML 编辑器有什么问题？

【讨论】：

Edit > XML Editor...
这是一个 XML 编辑器而不是文本编辑器。（例如复制粘贴无用）
我希望该编辑器功能更全面……也许可以对 svg 路径数据进行人工格式化以使其更易于编辑……甚至在选择时突出显示图像上的路径段在编辑器中......我发现最好的是通过css-tricks.com/tools-visualize-edit-svg-paths-kinda

【解决方案2】：

您可以使用像 Notepad++ 这样的文本编辑器来打开 svg 文件。 svg 只是一组关于如何绘制矢量线的说明，文件是基于文本的。

【讨论】：

【解决方案3】：

由于 Inkscape 仍然不支持此功能，并且假设您正在手动编辑“svg”文件以包含在网站上，您最好使用CodePen 之类的服务。

虽然它确实需要互联网连接，但它也可以满足您在文件更新时查看文件的要求。手工编辑SVG的教程可以找到here.

【讨论】：