2012-06-02 51 views
0

當用戶從外部源(如MS Word文檔或另一個網頁)剪切內容時,將該內容發佈到Wordpress所見即所得編輯器中時,它也會粘貼大量的臃腫格式化代碼,使發佈的帖子的格式傾斜。當用戶剪切並粘貼內容時,從Wordpress發佈的條形格式

我正在尋找解決此問題的插件。

如果沒有插件可用,我必須建立一個。我能想到的最佳選擇是在提交帖子之前使用javascript/jQuery去除格式。我可能會使用keyUp()和keyDown()來捕獲粘貼的新內容。

步驟1:在的keyDown保存光標位置()

步驟2:在使用keyUp保存光標位置()

步驟3:使用正則表達式來剝去使用keyUp和的keyDown之間的所有內容格式化。

這將允許我專門操作新鮮粘貼的內容,同時保持用戶以前通過所見即所得創建的格式。

儘管看起來使用Javascript/jQuery來記錄字符串中的遊標位置比我預期的更復雜。

最好是,我喜歡爲即將推出的插件提供建議。但是,如果沒有,是否有任何提示,我應該使用什麼函數來捕獲這些光標位置?

回答

0

有幾種可供您使用的資源已包含此功能。我的選擇是使用CKEditor for Wordpress。當您想從Microsoft Word這樣的程序粘貼時,需要按下特定的按鈕。

您可以試用Demo of CKEditor Here,您可以看到現場的功能。與W Clipboad是你將用來從Word處理器複製。

,以確保它是你想要的,你可以單擊「源」按鈕,看看發生了什麼粘貼,並確保沒有額外的標籤包括在內。

希望這會有所幫助。

+0

感謝您的快速回復。雖然我正在尋找幕後作品,所以我不必依賴用戶遵循指示。如果用戶忽略了粘貼選項或者被三個選項中的哪一個使用困惑,我不會感到驚訝。不過,我會更深入地瞭解配置和自定義。如果有任何建議如何在後臺以編程方式解析此格式,我將不勝感激。 –

0

我建議將粘貼重定向到一個textarea,它將可靠地去除所有格式。雖然有一些警告。我已經在其他的答案,比如這些涵蓋這樣的:

保存和恢復光標處/選擇更多的工作比它應該是,但可能會更加糟糕。例如,參見https://stackoverflow.com/a/5952332/96100

+0

謝謝。爲了找到光標點,我發現這篇文章到目前爲止很有幫助:http:// stackoverflow。com/questions/2897155/get-caret-position-in-an-text-input-field –

+0

@BrandonBuster:這是針對textareas和文本輸入,而不是'contenteditable'元素。如果您只是想捕獲粘貼的純文本內容並將其插入當前插入位置,則保存並恢復我鏈接的答案中所選擇的選擇範圍將會很好。 –

相關問題