将编辑后的数据保存在ckeditor中的html文件中

时间:2016-05-25 07:11:04

标签: javascript jquery html ajax ckeditor

我正在使用Ajax成功函数将html文件的内容加载到CKeditor

function getTextInfo(fileUrl) {
          $.ajax({
              url: fileUrl,
              success: function (data){
              document.getElementById("myform").value = data;
        }
          });
}

这是调用getTextInfo()

的脚本
<script type="text/javascript">                     
          $(document).ready(function(){
          getTextInfo(filePath);
          });
</script>

这是加载CKeditor的脚本

<script type="text/javascript"> 
          CKEDITOR.replace( 'myform', {
          fullPage: true,
          allowedContent: true,
          extraPlugins: 'wysiwygarea'
          })
 </script>  

我需要一些方法将编辑后的数据从编辑器保存到html文件。 非常感谢你的帮助。

1 个答案:

答案 0 :(得分:1)

你可以使用Blob。注意我只使用模板字符串作为多行字符串,而不是它是es5。

var someHTML = `
<html>
  <head>
    <title>Some html</title>
  </head>
  <body>
    <h1>Some Html</h1>
  </body>
</html>`;

var blob = new Blob([someHTML], {type : 'text/html'});
var url = URL.createObjectURL(blob);

document.body.innerHTML = '<a href="'+ url + '" download="some.html">download</a>';