☰

為什麼 jeditable WYSIWYG 插件在不同的網頁瀏覽器中表現不同？

tag-icon • tag-icon browser html compatibility jquery wysiwyg
為什麼 jeditable WYSIWYG 插件在不同的網頁瀏覽器中表現不同？

通常，當我們在所見即所得編輯器中輸入句子時，如果我們需要在下一行中輸入句子，我們可以按 Enter 鍵，它會自動插入一個<br>標籤。但是，當我們使用 jeditable WYSIWYG 編輯器並執行此操作時，它會插入<p></p>標籤，而不是<br>在 Internet Explorer 中插入標籤，在 Chrome 中插入標籤。

但它正在<br>Mozilla 中插入標籤（這是正確的）。在 IE 上提供<p>標籤，而不是<br>在可編輯的 WYSIWYG 編輯器中按 Enter 鍵。

我使用 Jeditable 作為內聯編輯器（請參閱示範）。當使用所見即所得編輯器時，當我在下一行輸入句子時，Firefox 將使用</br>正確的標籤顯示輸出。

但 Chrome 和 Internet Explorer 顯示不同的輸出。

例如：

原始輸出應該Lorem Ipsum<br>is simply dummy 在 Firefox 中正確顯示。

但在 Internet Explorer 中，輸出是<p>Lorem Ipsum</p><p>is simply dummy</p> ，在 Chrome 中是<div>Lorem Ipsum</div><div>is simply dummy</div>

我如何才能讓所有瀏覽器（例如​​ Firefox 所顯示的瀏覽器）都具有相同的效果？

答案1

這示範正在使用非常舊的版本所見即所得插件（按照建議這裡），因此您應該使用升級後的程式碼。

發生這種情況是因為當編輯器初始化並且沒有從文字區域加載任何內容時，它會將<br>.

以下是您可能正在尋找的提交修復：

README 中 brIE-option 的解釋以及相同功能的一些程式碼重構作者：斯蒂安利克。

ENTER 鍵將不再將樣式重設為“段落”，而是繼續寫入“標題 1”，直到使用者在工具列中明確選擇“段落”。

您可以使用brIE選項來控制此行為。檢查自述文件更多細節。

有關的：

相關內容