问题标签 [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 回答
2711 浏览

google-chrome - Firefox 上的括号实时预览

只能使用 Chrome 进行括号实时预览吗?

我读到括号 1.1(我正在使用 1.6)允许多浏览器,我将此选项设置为 true,但我没有找到任何将 Firefox 定义为我的浏览器的地方,当单击实时预览时,Chrome 会自动打开。

我错过了什么?

0 投票
1 回答
206 浏览

php - 识别基本 URL

我正在尝试使用括号代码编辑器在浏览器中打开一个 PHP 文件,它要求提供基本 URL。我尝试了许多不同的文件结构组合,但无法解决。

该文件位于 Macintosh HD/Users/My Name/Documents/Exercise Files/Tutorial Name/HTML Files/03_begin。

我很确定我需要从http://localhost开始:但我很困惑。非常感谢任何帮助。

Mac OS X 10。

0 投票
0 回答
469 浏览

configuration - 我可以使用 Vivaldi 作为 Bracket 中实时预览的浏览器吗?

我是括号和编码的新人。我通常不使用 Chrome 作为我的默认浏览器。但是,Bracket 中的实时预览似乎只能与 Chrome 一起使用。由于这个原因,我真的不想下载额外的浏览器。我可以使用我的默认浏览器 Vivaldi 作为 Bracket 中实时预览的浏览器吗?如果是,我该怎么办?

0 投票
1 回答
1533 浏览

php - 带 php 文件的括号实时预览

我昨天发现了编辑器“括号”并试图让它工作。现在我的实时预览有些麻烦,它似乎与php文件不合作。我打开了我的文件夹,选择了 index.php,当我点击实时预览时,它请求了一个基本 URL(如果这有任何相关性,我在 Windows 8.1 上运行括号 1.7 版)。我还在这里阅读了有关此问题的一些说明,但这一切都导致无法实际使用实时预览,而只能使用带有 php 文件的本地服务器。有没有人可能对此有解决方案?

我读到的大部分说明已经有点老了,所以现在也许有某种可能(最好不需要本地服务器)。我听到了很多关于编辑器的正面评价,我真的很想使用它。

0 投票
2 回答
509 浏览

colors - 更改实时预览突出显示的颜色

我想更改括号的功能实时预览的默认突出显示颜色(现在是蓝色)。

为什么?一些演示相关的目的。

我已经搜索了一些允许我这样做的扩展,并试图在括号首选项中找到合适的选项,但没有运气。

是否有可能(好吧,我想没有什么是不可能的)轻松实现这一目标?解释为什么是/否会非常有帮助,谢谢。

高亮颜色现在是蓝色。 例如,我需要它是红色的

0 投票
3 回答
2080 浏览

javascript - 来自 div 标签而不是文本区域标签的实时 HTML/CSS 预览

我想在页面上创建实时 HTML/CSS 预览

但是代码不会使用 textareas 给出。代码将在页面 ( div) 中修复。

我希望用户能够更改代码,这将反映在实时预览框中。我创建了一个页面,您可以在其中更改部分脚本文本(对于业余爱好者)。你可以在这里预览:http: //apolosiskos.co.uk/HTML-CSS-EDITOR/index3.html

01)如果我textareadiv.

02)即使我使用 textareas,实时预览也不起作用,因为在我的 HTML 脚本中我使用了codexmp标签。

--> 适用于 textarea 但不适用于 div 的片段:

0 投票
0 回答
244 浏览

objective-c - Xcode 8 实时预览 xib

我正在尝试创建在任何设备上看起来都相似的日历 UIView。为了实现这一点,我想为什么不在 Xcode 中使用这个实时预览选项,但是当我将视图添加到 IB 并将类设置为 MyCalendar 时,实时预览不会呈现任何内容。我尝试了简单的事情,比如在 xib 中设置背景颜色,但没有出现这种颜色,但是当我添加没有任何类的简单 UIView 并设置颜色时,实时预览适用于这个视图。

具体来说,我有 3 个 xib 文件。1 用于主 collectionView 1 用于 collectionView 标头,1 用于单元格。

当我在单元格或标题 xib 实时预览中时,我需要检查集合视图以及添加单元格后它将如何工作。这可以使用实时预览吗?

0 投票
0 回答
319 浏览

wordpress - 前端 Wordpress 发布实时预览

有谁知道用于为前端提交的 Wordpress 帖子创建实时预览的任何插件或资源?

我的网站有一个前端提交页面,其中包含多个文本字段、单选按钮和一个图像上传器。我想在这些字段的右侧有一个 div,它使用页面模板显示实时预览。我一直无法在网上找到任何有用的东西。

我的前端帖子提交页面的照片

0 投票
2 回答
319 浏览

javascript - 使用 jQuery 在文本输入框中选择特定位置

我正在尝试文本输入的实时预览。

目前,用户可以在键入时预览他们的文本,也可以通过单击实时预览文本来选择输入字段。我想做的是允许用户单击实时预览文本,并使文本字段中的光标出现在文本中与他们在预览中单击的位置完全相同的位置。(任何解决方案都必须使用多个输入字段。)

以前的帖子显示了如何突出显示范围或特定单词(见下文),但我找不到任何 Javascript/JQuery 来做我想做的事情。任何意见将是有益的!

相关堆栈溢出问题:使用 jQuery 在输入框中选择部分字符串

0 投票
1 回答
914 浏览

javascript - How to live preview a set of files?

I want to build a simple online editor like plunker. Does anyone know how to accomplish the live preview, once several files (.html, .css, .js, .json) have been uploaded?

Taking JSBin as example, there are only 1 html text, 1 css text and 1 js text, so it is simple: we just need to construct one complete html file from these texts and use Document.write().

However, how do editors such as plunker, brackets, vscode do live preview? Do they also construct one complete file by themselves or they use some third-party tools?