远程操作的小部件 - 造型

Question

我目前正在学习网页开发（主要是使用rails）。事实是，我想创建一个在iframe中显示网站的小部件。每个用户都应该能够自定义窗口小部件 - 比如更改窗口小部件的大小，方向等。用户应该能够将窗口小部件嵌入到他们的网页中（有点像Wordpress）

如果我生成一些嵌入代码并让代码获取javascript文件，我可以添加带有动态HTML和CSS的小部件。但问题是，每个用户都可以自定义窗口小部件 - 所以我需要使JS文件相应地改变自己对每个用户的偏好。

知道怎么办吗？谢谢。 JS文件的一部分（允许用户更改所有样式属性）：

doc = window.document;
widgetsBtn = doc.createElement('div');
widgetsBtn.id = "widgetsBtn";
widgetsBtn.style.position = 'fixed';
widgetsBtn.style.right = 0;
widgetsBtn.style.bottom = 0;
widgetsBtn.style.backgroundColor = 'red'; 
widgetsBtn.style.float = 'bottom'; 
widgetsBtn.style.width = '100px';
widgetsBtn.style.height = '50px';
widgetsBtn.style.textAlign = 'center';
widgetsBtn.style.paddingTop = '10px';
 ...
doc.getElementsByTagName('body')[0].appendChild(widgetsBtn);
widgetsBtn.innerHTML = "View webpage";