Question

我已经创建了一个小编辑器，我已经做了一些命令作为示例字体格式和对齐等，所以它在浏览器中工作正常，但我想导出写入的数据
在可编辑区域，我试图获取可编辑iframe内的数据，但它给我一个错误。
错误消息：未捕获ReferenceError：未定义innerDoc
以下代码编写

＆LT; HTML＆GT;＆LT; HEAD＆GT;＆LT;标题＆GT;＆LT; /标题＆GT;
  ＆LT;脚本＆GT;
  function iFrameOn（）{
richTextField.document.designMode ='On';
  }
  function export_Data（）{
  var n = document.getElementById（“richTextField”）;
  var innerdoc = n.contentDocument || n.contentWindow.document;
  var input = innerDoc.getElementsByTagName（'body'）。text;
  var zip = new JSZip（）;
  zip.add（“hello1.html”，“”+ input）;
  zip.add（“hello2.js”，“这只是一个简单的文件”）;
  content = zip.generate（）;
  location.href =“data：application / zip; base64，”+ content;
  ＆LT; /脚本＆GT;   ＆LT; /头＆GT;
  ＆LT;身体GT;
  ＆lt; iframe name =“richTextField”id =“richTextField”class =“form-control”style =“height：100％;自动换行：break-word;”＆gt;
  ＆lt; button onclick =“export_Data（）”name =“export”＆gt;导出信息＆lt; / button＆gt;

  ＆LT; /体＆GT;
  ＆LT; / HTML＆GT;

请帮我解决这个问题

Answer 1

如果它位于同一个域中，请尝试此操作。如果iframe与您正在查看的窗口的起源不同，则不允许您访问iframe内容。

var n = document.getElementById("richTextField");
var innerdoc  = n.contentDocument.body.innerHTML;

从iframe可编辑的内容以及可编辑区域的标签

1 个答案: