将tinymce textarea内容保存到文件

我一直在尝试将tinymce编辑器textarea内容保存到.txt文件一段时间，但没有成功。这是我的HTML文件代码：将tinymce textarea内容保存到文件

<!Doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>TinyMCE example</title> 
    <meta name="description" content="HTML5 Basic template"> 
    <meta name="author" content="R Dickinson"> 
    <link rel="stylesheet" href="css/styles.css?v=1.0"> 
    <script src="js/scripts.js"></script> 
    <script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script> 
    <script type="text/javascript"> 
tinyMCE.init({ 
// General options 
mode : "textareas", 

}); 
</script> 
    <!--[if lt IE 9]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
</head> 
<body> 
    <header> 
<h1>test tinymce save</h1> 
    </header> 
    <nav> 
    </nav> 
    <section> 

<form method="post" action="test.php"> 
    <p> 
     <textarea name="content" style="width:50%"></textarea> 
     <input type="submit" value="Save" /> 
    </p>  
</form> 
    </section> 
    <aside> 
    </aside> 
    <footer> 
     </footer> 
</body> 
</html>

现在test.php的

<?php 
/* 
* test.php 
    */ 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 
    <title>test tiny mce</title> 
    <meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
    <meta name="generator" content="Geany 0.21" /> 
</head> 

<body> 
<?php 

echo(stripslashes($_POST['content'])); 
?> 
<?php 
$file = "data.txt"; 
$fp = fopen($file, 'w'); 
$data =(stripslashes($_POST['content'])); 
fwrite($fp, $data); 
fclose($fp); 
?> 

</body> 

</html>

我很感激有帮助的答复解决这个问题，非常感谢:-)

更新下面的第一个答案我已经添加triggerSave为：

<script language="Javascript"> 
function submitForm() { 
tinyMCE.triggerSave(); 
document.forms[0].submit(); 
} 
</script>

和

<form method="post" action="test.php"> 
<p> 
    <textarea name="content" style="width:50%"></textarea> 
    <!--<input type="submit" value="Save" />--> 
    <a href="javascript:submitForm();">Submit Form</a> 
</p>

，但仍然没有成功...更多帮助，感激地收到

更新2 这里是我的jQuery TinyMCE的版本：

<!Doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Sample WebPage</title> 
    <meta name="description" content="HTML5 Basic template"> 
    <meta name="author" content="R Dickinson-see sitepoint etc"> 
    <link rel="stylesheet" href="css/styles.css?v=1.0"> 
    <script src="js/scripts.js"></script> 
    <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
     google.load("jquery", "1.3"); 
</script> 
<!-- Load jQuery build --> 
<script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript"> 
tinyMCE.init({ 
     mode : "textareas" 
}); 
</script> 
    <!--[if lt IE 9]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
</head> 
<body> 
    <header> 
     <h1>Enter the main heading, usually the same as the title.</h1> 
    </header> 
    <nav> 
    </nav> 
    <section> 


<!-- OF COURSE YOU NEED TO ADAPT ACTION TO WHAT PAGE YOU WANT TO LOAD WHEN HITTING "SAVE" --> 
<form method="post" action="show.php"> 
     <p>  
       <textarea name="content" cols="50" rows="15">This is some content that will be editable with TinyMCE.</textarea> 
       <input type="submit" value="Save" /> 
     </p> 
</form> 

    </section> 
    <aside> 
    </aside> 
    <footer> 

    </footer> 
</body> 
</html>

来源

2012-12-01 rpd

什么问题？该文件是否已创建？它是空的吗？服务器是否返回一些错误？ $ _POST填满了吗？ – jcjr

你对文件有写入权限吗？ –

问题是我输入textarea的文本没有保存到文本文件！我有文件data.txt已经在目录＆它具有可写权限。我正在测试这与IIS服务器在inetpub> wwwroot>感谢更多的帮助 – rpd

你应在提交表单之前更新您的TinyMCE实例。使用此javascript：

tinyMCE.triggerSave();

我通常把这个函数，调用它onsubmit事件的形式。

在Stackoverflow中，这个主题已经有不同的问题了。

来源

2012-12-01 16:57:14 MahanGM

嗨，感谢您的回复。我不确定你的意思，特别是当我使用TinyMCE编辑器（而不是CKEditor）时。你能用TinyMCE代码解释一下吗？谢谢 – rpd

哦！对不起。我正在读你的标题错了！编辑答案。 – MahanGM

感谢您从您的原始CKEditor实例编辑TinyMCE - 我曾尝试实现triggerSave，因为我编辑了我的问题，但没有成功。 – rpd

这个问题本身归结为：

如何到TinyMCE的HTML内容保存到一个文件中。

嗯，首先，您需要：

1）获取编辑
2）的内容发送内容到PHP脚本
3）实现一些功能，将这些内容保存到一个文件

获取内容
确保你得到它应该工作的方式。

例如，

<script type="text/javascript"> 

window.onload = function(){ 

    var btn = document.getElementById('SubmitBtn'); 

    btn.onclick = function(){ 

    //This MUST alert HTML content of editor. 
    alert(tinyMCE.activeEditor.getContent()); 
    } 
} 

</script> 

<input type="button" id="SubmitBtn" value="Get HTML content"/>

将内容发送到PHP脚本

所有你需要做的就是发送方法tinyMCE.activeEditor.getContent()的价值PHP脚本。

那么，你应该使用Jquery-AJAX。

假设你包括jquery.js成头部分的脚本标签，下一步将是发送JavaScript变量PHP脚本

这将是类似这样的：

<script type="text/javascript"> 
$(function(){ 

    var url = "path_to_your_php_script.php"; 

    $("#SomeSubmitButton").click(function(){ 
    //"content" will PHP variable 
    $.post(url, { "content" : tinyMCE.activeEditor.getContent() }, function(respond){ 

     if (respond ==){ 
      alert('Content saved to file'); 
      return; 
     } else { 
      //Error message assumed 
      alert(respond); 
     } 
    }); 
    }); 

}); 

</script>

PHP脚本

由于我们发送的是"content"这一个将填充在$_POST超全局

<?php 

if (isset($_POST['content'])){ 

    //This is what you want - HTML content from tinyMCE 
    //just treat this a string 

    if (save_html_to_file($_POST['content'], '/some_file.html')){ 
    //Print 1 and exit script 
    die(1); 
    } else { 
     die('Couldnt write to stream'); 
    } 
} 

/** 
* 
* @param string $content HTML content from TinyMCE editor 
* @param string $path File you want to write into 
* @return boolean TRUE on success 
*/ 
function save_html_to_file($content, $path){ 
    return (bool) file_put_contents($path, $content); 
}

所以执行后，这个你应该回去alert成功的消息。

来源

2012-12-01 17:56:59 Yang

谢谢metal_fan-你的代码给出了一个带有HTML代码的警告框 - 你能否添加代码来保存文本从tinymce编辑器textarea到文本文件（我的原始问题！）。哈道歉 - 我刚刚看到你的保存到文件功能！我会尝试执行它并报告回来！干杯:-) – rpd

我花了一些时间试图解决这个问题没有成功，请问您可以使用您的代码实施编辑我的2个文件（.html/.php），并将它们发布在这里？我非常感谢你的进一步帮助 - 谢谢你 – rpd

@rpd你不需要使用'stripslashes（）'也不是'fopen（）'和'fwrite（）'并且最大的错误 - 你没有提交表单，如果它有tinyMCE实例。 tinyMCE的HTML内容足够安全（tinyMCE自行过滤） – Yang

将tinymce textarea内容保存到文件

回答

相关问题