我正在开发一个尽可能可定制的网络应用程序。该应用程序有一个自定义页面,其中包含一个工具栏和一个链接到虚拟预览文件的 iframe。使用工具栏所做的修改会反映在 iframe 中,因此用户能够看到他们正在更改的内容。例如,有一个字体大小输入字段可用于调整预览页面的font-size
.
它的工作原理是这样的:
<input type="number" id="txtFontSize" value="16" />
$('#sidebar').on('input', '#txtFontSize', function() {
var
previewFrame = window.frames['preview'].document,
$body = $('body', previewFrame)
;
$body.css({fontSize:25})
});
在工具栏的底部有一个保存按钮。我需要导出 JavaScript 修改的样式表,以便我可以存储该特定用户的更改。在这一点上,用于保存的方法无关紧要;我的问题是这样的:
如何导出默认样式表以及任何 JavaScript 修改的样式?
在任何人问之前:如果最简单,格式可以是一个简单的字符串。否则会有不到 100 个用户,因此将这些修改存储为每个用户的新 CSS 文件并不是不可能的。