如何在iframe中输出codemirror的结果？

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、codemirror

我试图使一个HTML代码播放器，在其中您输入html和获得的结果在iframe。如果我只在iframe中使用文本区域和输出，效果会很好。但如果我使用代码镜像，并尝试将coremirror值放入iframe，它会在iframe中显示代码，而不是显示结果。 <!/codemirror/lib/codemirror.js"></scrip

浏览 15提问于2018-01-03得票数 4

回答已采纳

1回答

有没有一种方法可以将代码镜像中编写的css应用于iframe的html内容？

c#、jquery、css、codemirror

在按钮按下，我想输出的html和css到iframe。也就是说，我想有一些绿色的文本，也是粗体。这将由文本区域中编写的css和html驱动。我尝试使用iframe的css和html属性，它只适用于html，而不适用于css。= $('.CodeMirror')[0].CodeMirror; var cssEditor = $('.CodeMirror')[2].

浏览 0提问于2019-07-23得票数 0

1回答

当IFrame的srcdoc中的codemirror编辑器发生变化时，如何触发IFrame mithril元素中的onchange事件？

javascript、html、jquery、codemirror、mithril.js

假设我有一个名为post.html的超文本标记语言，其中包含一个codemirror编辑器。}); </script>我有一个mithril IFrame元素。with it现在，每当在codemirror编辑器中输入新文本时，我都会触发mithril IFrame元素中的onchange事件，该事件将获取codemirror编辑器中的

浏览 3提问于2021-02-22得票数 0

2回答

动态缩放容器中的Javascript代码编辑器

javascript、css、ace-editor、codemirror、monaco-editor

我试图在一个容器中显示函数代码编辑器，这个容器的缩放和转换将在运行时被修改，它的旋转和比例也不会受到任何倾斜。-- stuff generated by editor implementation --></div> 我试过codemirror，ace，摩纳哥，我已经能够毫无问题地应用翻译，但在缩放所有这些问题之后，它们都出现了相同的问题--编辑器中的游标显示不正确，这使得它们很难使用。有没有人知

浏览 1提问于2018-01-19得票数 2

回答已采纳

2回答

如何在HTM文件中集成Codemirror库？

javascript、css、codemirror

我已经尝试过很多次了，但是我无法理解如何在HTML文件中集成codemirror库。<!</td> <div class="tag">Output</div>

浏览 4提问于2015-07-12得票数 0

回答已采纳

2回答

如何将codemirror* js编辑器加载到iframe中？*

javascript、jquery、iframe、codemirror

我希望将codemirror js编辑器加载到iframe中，以避免样式重写。我读了文档，但还不清楚。这是我被试过的。<iframe id="code"></iframe> var codemirror = CodeMirror(document.getElementById("code").contentWindow.document.body, {

浏览 5提问于2015-06-18得票数 0

1回答

编码错误的黄瓜测试

cucumber、bdd、codemirror

我想写一个cucumber test (bdd)，用"abcd“填充codemirror。但我不会写codemirror隐藏了文本区域，文本区域被iframe替换。如果我知道如何在iframe中插入数据，我想我的问题就解决了。我对建议持开放态度。

浏览 0提问于2011-02-17得票数 4

2回答

Codemirror结束标记不带样式

codemirror

我正在尝试获得一个代码编辑器，它显示单击按钮的结果。我已经适应了，但是我对示例代码上的结束标记有问题，没有进行样式设计。 <!> <style> background-color: #eee;iframe{height:600px;width:400px} </head>

浏览 2提问于2021-06-07得票数 0

回答已采纳

1回答

如何在木星笔记本中显示空白点

jupyter-notebook

空格可以在Pycharm中呈现为点。我怎么能在木星笔记本上做同样的事情呢？

浏览 2提问于2019-11-20得票数 2

1回答

Codemirror:获取标题值以输入[type=text]

javascript、jquery、codemirror

我试图在Codemirror中获取<title>标记，并将它的值设置为inputtype=text值。但是，我总是得到一个整数，而不是文本。 border: 1px solid black; float: left; width: 50%;

浏览 3提问于2015-02-28得票数 2

回答已采纳

1回答

使用CodeMirror进行带行号的独立语法高亮显示

javascript、syntax-highlighting、codemirror

我使用CodeMirror V. 3来突出显示独立语法(我项目的其他部分也使用CodeMirror编辑器，所以我不想使用其他独立语法突出显示库，如google-code-prettify)。我使用lib/runmode.js脚本(如中所描述的)来突出显示<pre>-tag中的代码。这个很好用。现在，我想在代码的左侧添加行号，就像在CodeMirror编辑器中一样。( CodeMirror.run

浏览 0提问于2013-01-09得票数 2

回答已采纳

1回答

Codemirror和iFrame问题

javascript、jquery、html、css、iframe

我在我的一个项目中使用Codemirror。CSS注入到iframe”脚本来构建类似于Tinkerbin或JSFiddle的内容。var contents = $('iframe').contents(), styleTag = $('脚本后，结果选项卡中什么都没有显示。如果我删除CodeMirror代码部分，它就能正常工作。

浏览 2提问于2012-05-08得票数 0

3回答

如何将网页从文本区域发送到iframe

javascript、jquery、html、css、iframe

因此，我有一个iframe，它应该在按下按钮后保存来自文本区域的呈现代码，但我不知道如何在javascript或jquery中这样做。我知道如何发送带有URL以显示在网页中的特定站点，但由于某种原因，当我试图呈现文本区域并将其发送到iframe时，它不起作用。这是我的iframe <iframe id="outputIframe"></iframe&g

浏览 0提问于2015-02-19得票数 0

回答已采纳

1回答

如何在CodeMirror中呈现“结果”视图？

javascript、html、css、reactjs、codemirror

我已经在react中创建了一个组件，它允许在两个CodeMirror编辑器视图中编辑两种状态: codeHtml和codeCss：import CodeMirrorfrom "react-codemirror";require('cod

浏览 1提问于2018-03-12得票数 2

3回答

将CodeMirror应用于ng模型绑定的文本区域

jquery、angularjs、angularjs-directive、codemirror、ui-codemirror

我正在编写一个非常基本的操场。出于某种原因，我需要将html面板嵌入到AngularJS应用程序中。在中，我在CSS面板上放置了一个JQuery更改监听器，并将CodeMirror应用到textarea。而且起作用了。= document.querySelector('#output iframe'), iframe_doc.

浏览 6提问于2016-12-27得票数 7

回答已采纳

1回答

如何使用codemirror加载代码

php、jquery、load、codemirror

我有一个与codemirror相关的PHP文件，它工作得很好，但我希望每个文本区域使用index.php、main.css、main.js等PHP从其他文件加载代码，并显示来自所有这些文件的预览。我的问题是，如何在每个文本区域内编写该代码来链接另一个页面！我试图将<?php include('css/main.css'); ?>语句放在css的一个文本区域中，但没有工作。请看全文代码..。<link rel="styleshee

浏览 1提问于2016-11-08得票数 0

回答已采纳

1回答

活动HTML预览，而无需每次内容更改时更新整个预览

javascript、jquery、html、iframe

它的一个特性是它可以实时预览编译后的HTML。此实时预览位于iframe中，每次用户更改CodeMirror编辑器中的任何内容时都会更新。问题是，当预览更新iframe中的整个文档时，iframe将被替换。所以它基本上是在每次你按一个键的时候重新加载整个网页。这不是很有效，使整个应用程序运行缓慢。这也是一个问题，当您添加任何嵌入式媒体，如Youtube视频到您<e

浏览 2提问于2014-01-30得票数 0

1回答

在iframe中没有执行JavaScript标记中的<script>

javascript、iframe

我正在构建一个简单的在线HTML IDE，学生可以在codemirror编辑器中键入HTML，然后单击按钮，将HTML放在iframe中以呈现页面。我的代码有问题： var prog = myCodeMirror.getValue(); mypre.contentDocument.body.outerHTML = prog; }

浏览 1提问于2022-01-21得票数 1

回答已采纳

2回答

如何使用jQuery从golang代码(服务器)获取数据？

javascript、go

用户将使用网站上提供的文本编辑器提交数据。我的golang服务器将捕获它，处理它，然后在网站上的文本编辑器下面显示结果。 <link rel="stylesheet" type="text/css" href="plugin/codemirror</em

浏览 31提问于2020-05-25得票数 0

3回答

如何在Codemirror* 6中搜索和突出显示子字符串？*

codemirror

我正在构建一个简单的代码编辑器来帮助孩子学习HTML。我试图添加的一个特性是，当用户在呈现的代码上鼠标移动(在iframe中)时，编辑器中相应的HTML代码将被高亮显示。在iframe上获取该元素的html源代码是一个简单的部分，我已经这样做了(在iframe本身中使用document.elementFromPoint(e.clientX, e.clientY，并将其发布到父元素我无法理解的

浏览 30提问于2022-06-13得票数 2

回答已采纳

点击加载更多