IFrame中的CKEditor可编辑内容

Question

是否可以在 IFrame 上运行 ckeditor 以便封装完整的 html 页面？我尝试了各种方法，但似乎没有任何效果。

我正在寻找的是有一个 ckeditor 包装页面 Editor.htm，其中包含一个链接到我的真实 html 页面的可编辑 IFrame test.htm。东西线：

Editor.htm

<!DOCTYPE html>
<html>
  <head>
    <script src="http://cdn.ckeditor.com/4.5.10/standard-all/ckeditor.js"></script>
  </head>
  <body>
    <iframe contenteditable="true" src="test.htm" id="editor1" name="editor1"></iframe>
  </body>
</html>

Answer 1

您可以将 ckeditor 设置为使用 "fullPage" 模式，允许您编辑从开始标签到结束标签的所有内容。看官方样例here.

您仍然需要将内容放入编辑器（例如，您要编辑的 html 页面）并将结果保存在服务器上，但这取决于您的站点、语言、平台等等

IFrame中的CKEditor可编辑内容

CKEditor editable content in IFrame

ckeditor