javascript - 创建一个简单的布局/样式编辑器

标签 javascript jquery css editor wysiwyg

我正在尝试创建一个类似于 blogger 上可用的布局/样式编辑器。我注意到他们使用 iframe,但每次您进行更改时 iframe 都必须刷新。我希望做一些响应更快的事情。例如,如果我更改 div 的宽度,我希望在移动 slider 时看到此更改发生。

我想知道如果使用 jquery/etc 的 iframe 设置来修改 iframe 中的内容的来源,是否可以实现类似的事情,还是不使用 iframe 更好?

iframe 将用于加载现有的在线网页。

最佳答案

iframe 的好处是它不会干扰页面的其余部分(您可以使用不同的 CSS、脚本、变量名等)。 TinyMCE 和其他编辑器将 iframe 用于其内容。是的,可以直接从 jQuery 访问 iframe:

查看此链接,http://jsbin.com/ajatix/edit#javascript,html,live

关于javascript - 创建一个简单的布局/样式编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9635451/

相关文章:

javascript - 在 JavaScript 中使用条件

html - 导航栏中的多级菜单与工作

CSS:a:link 与 a(没有 :link 部分)

javascript - addClass ("test") 不起作用 - 但 css ("background","red") 起作用

javascript - Chrome 开发工具 : inspect element on item that is visible only if parent has mouse over

javascript - 当项目被选择或输入与列表中的项目匹配时,HTML5 数据列表的 jQuery 事件

javascript - 在 <p> 中动态创建一个 <div>

javascript - 刷新 Google Maps API V3 图层

jquery - 通过单击按钮克隆 jQuery UI 可拖动元素

html - 键入的十进制从浏览器中类型为 'number' 的 HTML 文本输入中消失