WordPress 在 front-end 上使用時如何獲取 TinyMCE 編輯器的輸入？

問題描述

我不知道為什麼我沒有找到這個，但是有沒有人知道如何獲得 TinyMCE 編輯器的輸入？我正在使用它在前端，並希望能夠儲存任何使用者輸入到 TinyMCE 到資料庫，但找不到最好的方式來捕獲該值。

我實現的兩個解決方案取得了一些成功：

1. tinyMCE.activeEditor.getContent(); – 這個似乎只能獲得視覺編輯器的價值，所以如果我在 HTML 編輯器中進行更改然後儲存，它們不會被拾取。

2. $('#html_text_area_id').val(); – 這是相反的，它似乎只是獲得 HTML 編輯器的價值。

我知道有一個更好的方法 – 我似乎找不到它…

p.s 是的，我要實施安全措施，以確保人們不能炸燬資料庫。

最佳解決方案

好的，WordPress 可以跟蹤什麼樣的編輯器 (視覺或 html) 是活躍的，作為新增到內容包裝器的類，所以這裡是一個可以在編輯器中獲得最新內容的解決方案

function get_tinymce_content(){
    if (jQuery("#wp-content-wrap").hasClass("tmce-active")){
        return tinyMCE.activeEditor.getContent();
    }else{
        return jQuery('#html_text_area_id').val();
    }
}

參考文獻

• How to get the input of a TinyMCE editor when using on the front-end?

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。