將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內容保存到文件

回答

相關問題