如何讓我們的所見即所得編輯器停止刪除 HTML 評論、CSS 類和內聯 styles？

Question

我們目前使用 wysihtml5-rails 讓我們的用戶在發送電子郵件之前對其進行編輯，但由於一些原因，這並不是很好。

我需要評論以允許像這樣的 Outlook 特定評論。 目前正在刪除所有評論。

我還需要保持 CSS 類不變，因為編輯器內容將是預先生成的 email，其中包括 CSS 類。 我們的編輯器只會保留列入白名單的類，但這很煩人，因為我們需要在每次更改時更新該列表。

內聯 styles 也是如此。 生成的 email 中的一些 styles 是內聯的，而不是類中的。 這些需要保留，但正在被刪除。

有什么辦法可以讓我們的編輯器以這種方式工作嗎？

Answer 1

我找到了一個解決方案，但它很hacky。

我意識到原始 HTML 被存儲在頁面上的隱藏文本區域標簽中。 有趣的是，我需要的所有元素（CSS 類、注釋）仍然存在。 但是在提交表單時，這個 textarea 的值被替換為來自編輯器的解析結果，該結果被發送到服務器。 所有的評論和類都從這個文本中消失了。

然后解決方案是創建第二個字段，該字段從 WYSIWYG 編輯器獲取未解析的值並將其發送。 在 Rails 中很容易，但只是讓這個新字段成為表單的一部分。 那么controller可以選擇取哪個值。 就我而言，我將現有的消息字段重命名為parsed_message 。 然后添加了一個新的消息字段，它將保存未解析的消息。

我們使用的 WYSIWYG 編輯器通過一個可以隨時調用的方法來實現這一點： window.email_editor.getValue() 。 這里的email_editor是頁面上 javascript 實例化的編輯器。