2012-09-04 62 views
3

我正在尋找一些關於如何使用/ wysihtml5保存編輯的指導。保存使用/ wysihtml5編輯時所做的更改

我已經使用搜索術語的幾種不同組合搜索,但實際上我得到的所有命中是github。我瀏覽了該網站上的示例,但找不到解釋用戶編輯頁面後如何保存更改的任何內容。

我的確有一些php和sql的知識,但想要一些指向我需要做的事情來獲取使用/ wysihtml5保存所做的更改。其他說明顯得非常全面,所以我想知道爲什麼這個方面似乎缺失。

任何人都可以幫忙嗎?

非常感謝

布倫達

+0

根據[this](https://github.com/xing/wysihtml5/wiki/Getting-Started),如果您只是提交表單,編輯的內容將作爲張貼值提供。 – bfavaretto

+0

當我看到github中提供的示例時,沒有提交按鈕,只有一個重置按鈕。如果你正在查看另一個信息來源,我會非常感謝它的鏈接。 – user1644918

回答

4

根據編輯的Getting Started頁面,它的工作方式與富文本編輯器替換常規<textarea>

wysihtml5需要一個文本,並將其轉換成一個豐富文本編輯器。 textarea充當不受支持的瀏覽器的後備(例如,IE < 8)。 確保textarea元素有一個id,所以我們可以稍後通過javascript輕鬆訪問它 。由此產生的富文本編輯器將具有很多 的行爲並且看起來像textarea,因爲行爲(佔位符, 自動對焦...)和css樣式將被複制。

請注意:textarea將始終保存編輯器生成的 標記。所以wysihtml5與表格順利集成。

因此,編輯器的內容將始終作爲textarea的值提供,您可以像使用常規表單元素一樣使用它(提交表單或使用JavaScript獲取內容並將其發送到PHP使用Ajax)。

例如,請考慮您應用編輯器執行以下操作:

<form action="somescript.php" method="POST"> 
    <textarea id="wysihtml5-textarea" name="wysihtml5-textarea"></textarea> 
    <input type="submit" value="Submit form"> 
</form> 

如果通過單擊按鈕提交表單,你的PHP腳本將收到$_POST["wysihtml5-textarea"]內容(更改的的 textarea在$_POST上設置所需的密鑰)。

如果你想使用JavaScript的價值,選擇<textarea>的ID,然後訪問該元素的值:

var textarea = document.getElementById("wysihtml5-textarea"); 
alert(textarea.value); 

然後,你可以,如果你想使用Ajax該值傳遞給PHP。實際保存數據的PHP/SQL實現取決於您,編輯器的代碼只是提供豐富的文本編輯器和格式化功能。

注:我從來沒有使用該編輯器,所以我的答案可能不是100%準確。

+0

非常感謝這個澄清。這非常有幫助。 – user1644918

相關問題