问题标签 [live-preview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
502 浏览

ember.js - Ember-实时预览图像

我正在制作带有实时预览的产品表单,只是为了好玩

哈佛商学院

这个实时预览会简单地使用它们在 {{ }} 中的值

那么您将如何进行这种嵌套绑定或简单地推荐另一种解决方案?

干杯

克里斯蒂安

0 投票
2 回答
62 浏览

css - Adobe Brackets 0.41 - 在实时预览中出现 CSS 自动完成错误

什么时候:

  • 实时预览正在运行
  • 我在写 CSS
  • & 我按 Enter 以使用自动完成推荐

然后:

  • 自动完成发生
  • 光标向下跳过一行并缩进

我通常通过关闭实时预览来解决这个烦人的光标移动,但我真的不想这样做。这是一个错误还是我错过了什么?如何将其修复到仅填写自动完成建议的位置?

谢谢!

括号 0.41 Windows 7

0 投票
1 回答
209 浏览

jquery - 使用 Less 通过实时预览更改 CSS 值

我想在 Admin CP 中创建一个页面,您可以在其中自定义一些 CSS 属性的值,例如背景颜色。这应该有一个实时预览,例如在 Wordpress 中,但我不知道如何。

我使用 LESS 作为样式,所以我考虑使用 Less.js 和

它可以工作,但问题是,在页面中显示更改需要大约一秒钟,因为 less 文件不小,因为我还导入了 Bootstrap。

任何其他想法如何做这样的事情?

0 投票
2 回答
5518 浏览

adobe-brackets - 我可以使用 Adob​​e Brackets 进行远程实时预览吗?

这是我的情况:我的办公桌上有两台计算机,我想用其中一台来开发网页,并使用另一台进行实时预览。

括号中是否有我可以执行此操作的选项?当我使用本地机器进行实时预览时,我尝试使用 URL 中出现的端口号访问内网 IP 地址,但无法访问。

0 投票
1 回答
2295 浏览

emmet - 由于使用 emmet 扩展的语法错误,括号实时预览不起作用

当实时预览处于活动状态时,使用 emmet 扩展扩展括号中的 html 标签缩写,它不会更新并显示

实时预览(由于语法错误而无法正常工作)

例如,如果我写:

并按tab它展开成

和括号停止其实时预览更新。

0 投票
1 回答
744 浏览

php - 括号 - 锁定实时预览

设置 -
(这是一个糟糕的设置,但如果你有兴趣,我会在底部留下一个解释。)

我正在编辑一个 .php 文件,其中包含一个 .jsp 文件的内容。所有这些都是通过 Brackets 完成的,我喜欢拥有实时预览窗口。

问题 -

每当我编辑 .jsp 文件中的内容时,实时预览窗口都会更改为 .jsp 的文本(没有样式,因为括号显然不支持渲染 .jsp,这没关系。)

我需要什么 -

有没有办法将实时预览窗口锁定到 .php 文件?例如,我希望 Brackets 像对待 .css 文件一样对待 .jsp 文件。因此,当我切换到 .jsp 时,.php 将保留在实时预览窗口中,并在我保存时更新它。(目前此更新工作正常,只是不断地来回切换令人恼火。)

另一种解决方案是在单独的实时预览窗口中打开这两个文件,但我不知道这是否可能。



解释 - 我的公司在更新他们网站背后的技术方面毫无用处,所以我必须找到解决方法来编辑它。我正在尝试为 .jsp 文件创建一个更简单的编辑设置,该站点几乎用于所有内容!

我创建的 .php 文件只是一个基本的加载器。通过将 .jsp 打包到可以与实时预览一起使用的 .php 中,可以更轻松、更快速地编辑文件。

0 投票
3 回答
3193 浏览

google-chrome - 使用 Brackets.io 禁用 Chrome 扩展程序和书签

问题是关于使用 Chrome 作为默认浏览器的 Bracket.io。

使用“实时预览”选项时,Chrome 浏览器会打开实时文档,但不会显示我在浏览器上安装的扩展程序和书签。

这是 Chrome 打开 Brackets Live Preview 的时间:

https://i.imgur.com/H38rV1Q.png

这是我自己打开它的时候(带有扩展和书签,但没有自动更新),这就是我想要的方式:

https://i.imgur.com/xr9IWKd.png

如何设置它以使用我的书签和扩展程序打开 Chrome?

0 投票
1 回答
151 浏览

jquery - mysql查询后直接加载jQuery实时预览表单

我在这个页面上找到了一个很棒的 jQuery 代码,并在我的网站上使用了它。它工作得很好。带有 jQ​​uery 的表单和实时预览。但是现在当我想更新数据库并再次打开表单时,它会正确地将文本放入表单字段中,但只有在我点击进出该字段后才会开始预览。如何强制我的函数在 mysqli 查询后直接启动预览?

0 投票
2 回答
1018 浏览

jquery - 裁剪刚刚添加了一张图片

我正在使用bootstrap-fileinput.jsArnold Daniels 的文件输入预览。并由凯利·霍尔曼(Kelly Hallman)进行裁剪jquery.Jcrop.js

bootstrap-fileinput对于刚刚选择的图像的实时预览,插入图像src编码数据 URL。像这样的东西data:image/png;base64,iVBORw.......

当用户选择照片并获得实时预览时,我想让他们裁剪该图像。我尝试使用一个附加按钮来做到这一点:当用户选择图像时,他们将获得实时预览,并且当他们单击按钮“裁剪”时,对于刚刚添加的图像将初始化Jcrop脚本。( $img_wrapper.find('img').Jcrop({});)。它工作正常,一切正常。

但是当我尝试做同样的事情时,没有按“裁剪”按钮,而是在选择文件后自动执行,它不起作用。据我了解,jQuery 没有看到新图像。
我尝试了事件on.('click', func...,但它不起作用。然后我在提供她自己的监听器的文档(http://jasny.github.io/bootstrap/javascript/#fileinput)中找到,但它仍然不起作用。所以按钮“裁剪”工作正常,自动不起作用,为什么?Jcropon.('change.bs.fileinput', funct...


所以,这样就可以了:(尝试选择图像,按“裁剪”,你可以裁剪图像) http://jsfiddle.net/8f44yo9v/2/

但那样,不起作用:http: //jsfiddle.net/o7tbr6mo/

0 投票
1 回答
126 浏览

php - 移动到 wwwroot 后,括号实时预览不起作用

我正在使用 Brackets 来开发一个静态、简单的网站。实时预览功能非常棒。一切都很顺利,直到……

我想开始在我的站点中使用一些 php,所以我下载了 php 并在我的 inetpub/wwwroot 中对其进行了测试。然后我想我最好将我的静态站点(html 和 css 文件)移动到 wwwroot 文件夹。

这导致了我部分解决的一系列问题。我的实时预览开始询问基本 URL,所以我输入了新的本地 URL:http://localhost/myprojectfolder/。HTML 和 PHP 文件现在显示,但是...

实时预览需要我点击保存并重新启动预览(违背了实时预览的目的)。当您滚动浏览代码时,它也不会突出显示页面的各个部分。

我怎样才能让 PHP 在我的网站上工作并且实时预览工作,我把事情搞砸了。

编辑:我将 IIS 与我的 PHP 一起使用,因此将我的静态站点移动到 wwwroot