所見即所得編輯器覆蓋頁面css？

Question

我有一個Web應用程序，允許創建HTML電子郵件，然後可以發送。由於HTML電子郵件顯示的複雜程度，我嵌入了一個開源的所見即所得的編輯器。

編輯本身非常有效，但有一個問題你可能已經在想。基本上，頁面CSS與由文本編輯器生成的內聯CSS衝突，這導致了諸如表格之類的問題。

目前我正在通過將預覽放在iframe中的「預覽」頁面上解決此問題，但我不完全確定爲實際編輯器頁面執行此操作的最佳方式。如果我在iframe中執行此操作，我將不得不將其放入單獨的頁面並略微改變該過程，或者編寫一些Javascript以在表單提交中將HTML從iframe中除去。

看起來應該有一個更簡單的方法 - 有誰解決過這個問題嗎？

謝謝。

Answer 1

我會切換到不同的編輯器，如CKEditor或TinyMCE，它允許您編輯整個HTML通過使用自己的編輯內容的iframe。這樣你可以準確地編輯你將發送的內容。

一個例子：http://nightly.ckeditor.com/latest/ckeditor/_samples/fullpage.html

Answer 2

改變你如何定位你的選擇器。如果你有衝突，那麼你的CSS不會被有效寫入。

也許使用具有特定ID的根div，並將所有內容都級聯。