所見即所得限制可放入的HTML

Question

我正在尋找一種所見即所得的功能，該功能將允許我指定允許在textarea中呈現它們的HTML標記的白名單，同時丟棄其他任何內容。如果用戶手動複製和粘貼內容或編輯HTML，則需要運行此驗證。

有點像HTML淨化器，但在一個Javascript所見即所得。

我已經玩過了CKEditor的dataProcessor.dataFilter設置，但是需要將每個標籤都列出來，以便將其列入黑名單而不是白名單。

任何想法？

編輯...

請不要簡單地認爲使用{} xyz的編輯。我正在尋找代碼示例的建議，顯示如何以這種方式使用建議的編輯器。

Answer 1

將TinyMCE你可以有valid elements，invalid elements列表，extended valid elements

你可以看到代碼，這些並通過在examples

尋找當形式是與TinyMCE的網站上的配置選項打提交或刪除格式按鈕被按下（as in this example）驗證運行並拉出所有無效的格式。

您必須小心，這並不能確保惡意用戶不會直接向您發送無效html並嘗試導致XSS attack。這意味着如果您打算再次向用戶提供html，您仍然需要在服務器端進行驗證。