问题标签 [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.
javascript - 通过javascript为实时预览容器解析带有自定义过滤器的django模板标签
我需要使用Textile作为我的标记语言为我的django网站创建一个实时预览容器（如 stackoverflow 和 Reddit） 。
有没有办法在客户端做到这一点？（不使用ajax？）
从视图中解析代码很简单：
（不用说，我遵循了文档并包含'django.contrib.markup'在我的INSTALLED_APPS设置中。）
为简单起见，假设我不需要 IE 支持。我的 JS 如下所示：
和 HTML：
我还发现了这个 JS 库。在客户端与服务器端的PyTextile一起使用它是一个好主意吗？
最佳实践是什么？
我正在寻找非 jQuery 解决方案，但如果没有其他方法，我会接受。
先感谢您。
javascript - 如何使用 JavaScript 或 jQuery 提供预览功能？
我有 3 个模板（静态 html 页面）。
根据我的选择，一个模板将以弹出窗口的形式打开。当我想以弹出窗口的形式显示该模板时，我必须向该模板添加一些内容。现在我正在使用 using 展示该模板window.open(url)。
但是我无法在以弹出窗口的形式显示时将内容添加到该模板（当我单击表单中的“预览”按钮时，弹出窗口将生成带有一些表单数据的预定义 HTML 模板）。
基本上我正在寻找使用 JavaScript 或 jQuery 的预览功能，所以请提供相同的代码。
android - 如何在录制视频时显示实时过滤的相机预览？
我想在使用媒体录像机录制视频时显示过滤后的相机预览。为了过滤预览，我通常需要帧，我可以从 onPreviewFrame() 函数中获取，但是在使用媒体记录器录制视频时，不会调用 onPreviewFrame() 函数。所以我想知道，有没有其他方法可以让这些帧进行过滤，然后在修改后显示它们？我检查了一些来自 Google Play 的应用程序，例如 Videocam Illusion。它在录制视频期间显示带有效果的预览。我想做类似的事情，但没有提示如何去做。因此，我将不胜感激有关该问题的任何帮助/提示/代码/示例。谢谢。
dreamweaver - Sublime Text 2 像dreamweaver一样拆分活动屏幕
在工作中，我必须跳入旧的 mysql_query 程序网站构建 higgledy-piggledy （一些 var 是驼峰式和下划线，没有缩进代码，页面是在表中构建的......）
无论如何，通常我使用 ST2，但在这里我不能。所以要搜索我的行代码，我使用dreamweaver 单击屏幕预览并将光标放在我想要的代码行上。我不喜欢也不知道dreamweaver。但由于代码是不可读的，这是我必须工作的唯一方法。（我的老板不想重建这些网站）。
这是我的问题，是否有人知道 ST2 的一种方式（或插件）来分屏并单击屏幕预览以直接进入代码行，就像 dreamweaver 预览一样？
问候。
fonts - 带有实时预览的字体选择，如 dafont.com
我想将一个功能集成到我正在处理的网站上的表单中，就像 fonts.com 和 dafont.com 一样，我到处寻找可以想象的每个搜索词，试图找出从哪里开始。这是我想要的：
用户在下拉列表中按名称选择字体。然后，他们可以在表单字段中放置自定义文本，该字段将以真实类型的形式预览，以便他们可以看到他们的字体会是什么样子。
基本上我想复制字体选择网站如何让你选择你的字体..预览它，在我的情况下，将字体选择与表单以及其他表单数据一起提交。
有人至少可以指出我正确的方向。我难住了。我想我想多了，但它是客户迫切需要的功能。
javascript - Codemirror 中的实时预览忽略了格式
我遇到了 Codemirror 的问题，其中实时预览模式不适用于 Markdown。我基本上只是想达到与 SO 相同的效果。就目前而言，实时预览适用于 HTML，但不适用于 Markdown。我已经关注了几个演示并尝试了一些没有运气的事情，我在这里作为最后的手段。以下是相关代码：
在我正在加载的文档的开头：
注意：我在一个名为editor. 这是与我所做的正常设置的唯一真正偏差。
然后在<body>我的文档中，我有一个<form> 有 2 个元素：
<textarea id="content" name="content"></textarea>
和
<iframe id="preview"></iframe>
然后在我的页面底部运行以下 JavaScript（顺便说一下，我也在使用 jQuery 1.8.2）：
我无法弄清楚我做错了什么。我尝试将覆盖模式与 XML 一起加载，但无济于事。我在这里找到了 2 个帖子，但它们并不完全相关，而且代码对我不起作用。实时预览正在显示和更新，但问题是我只得到一个没有格式的文本字符串。
因此，例如，以下 Markdown：# Heading 1
将完全按照我在此处键入的内容在实时预览 iframe 中输出：
# Heading 1 A paragraph with __bold__ *text*.And [a link](http://example.com)
它不会将下划线或星号变为粗体或斜体文本，并且完全忽略换行符。
关于出了什么问题的任何想法？我什至无法修改演示以使其正常工作。我一定是缺少一些知识。
html - Live Preview / WYSIWYG support (plugin?) for Notepad++?
Anyone know of a way to have a split screen view in Notepad++ where I can be editing my HTML / CSS in one pane/tab and be seeing the Live Preview of what it would look like in a browser in another tab/pane.
Ideally, this would be:
- in Notepad++ itself (using native panes/tabs as described above)
- the user could configure whatever browser rendering engine (Chrome, FF, IE, etc...) they wanted to view the preview in
however, I could live with any variation of the two above, e.g. simply integrated with RubyMine using external windows/browsers, or maybe, the preview only available with limited rendering engines (only Chrome let's say).
html - Rubymine 的实时预览/所见即所得支持或插件？
我在 Windows 上使用 Rubymine 5.4，它总体上非常棒，与 Visual Studio 一样好 95% 作为 HTML / CSS 编辑器，但有一些例外......主要是缺乏实时预览 /WYSIWYG 能力，即我输入我可以看到生成的预览直播（除了VS，DreamWeaver 也有这个功能）。我似乎在 IDE、帮助或任何 Google/Stack 搜索中都找不到类似的东西。
需要明确的是，我正在寻找一种在 RubyMine 中具有分屏视图的方法，我可以在其中在一个窗格/选项卡中编辑我的 HTML / CSS，并查看它在浏览器中的样子的实时预览另一个选项卡/窗格。
理想情况下，这将是：
- 在 RubyMine 本身中（使用如上所述的本机窗格/选项卡）
- 用户可以配置他们想要查看预览的任何浏览器渲染引擎（Chrome、FF、IE 等）...
...但是，我可以接受上述两者的任何变体，例如使用外部窗口/浏览器简单地与 RubyMine 集成，或者，预览仅适用于有限的渲染引擎（假设只有 Chrome）。
editor - 是否有任何在线演示的 AsciiDoc 编辑器演示实时预览？
我遇到了许多演示Markdown实时预览的编辑器演示，例如：
http://daringfireball.net/projects/markdown/dingus
http://www.markitdown.net/markdown
http://hallojs.org/demo/markdown/
但我一直无法找到太多的搜索AsciiDoc Editor live preview。
我遇到过有关设置此类功能的文章，例如：
http://asciidoctor.org/docs/editing-asciidoc-with-live-preview/
但我真的只是在做一些在线演示，那里有吗？
ruby-on-rails - Rails gem“friendly_id”：如何在创建对象之前获得 slug 的实时预览
使用 Rails gem“friendly_id”，是否可以获得要创建的 slug 的“实时预览”？在保存对象之前，即（并在使用 ajax 请求键入时返回）？
如果是这样，怎么做？