2016-09-12 47 views
0

我從平臺中的源複製文本。這是一個私人平臺,有一個可以輸入文本的框。有一個按鈕,您可以在那裏看到HTML源代碼。我複製了許多沒有問題的文本。當我試圖複製粘貼上述內容時,我注意到在HTML代碼中生成了特定的標記。span複製文本後生成

<p><strong><em><span lang="en-gb">Week of the 5th&nbsp;of September</span></em></strong></p> 

所以,我的問題是,這怎麼可能。複製後的文本是否會生成特定的標籤?因此,在複製過程中,有些東西會被複制,除了我們可以看到的文本以外...另外,這可能會發生,因爲源文本(即將被複制)包含不受unicode設置支持的字符在平臺(網絡應用程序)?

我真的很好奇,明白髮生了什麼事。

回答

3

基於你說它有一個按鈕,你可以查看源代碼,這聽起來像一個WYSIWIG(你看到的就是你所得到的)編輯器,如CKeditor,TinyMCE,Froala等等。它們採用標準的HTML textarea元素並使用Javascript和CSS將它們轉換爲更健壯的編輯器。它們允許你在textarea中做簡單的文本格式,上傳圖片,查看源代碼等。

它們在博客和內容編輯中用得很多,它們不會編寫代碼但希望能夠管理並維護網站中的內容。例如,如果您在其中一個文本中鍵入文本的「段落」,它將自動使用Javascript將相應的<p>標籤包裝起來。

在您的情況下,您將在此框中添加內容,並且它只是使用Javascript將格式應用於它。如果你只是在框中輸入,與複製/粘貼相同,它也會這樣做。

這裏有一些鏈接,所見即所得的編輯器,因此您可以瞭解更多關於它們如何運作:

http://ckeditor.com/
https://www.tinymce.com/
https://www.froala.com/wysiwyg-editor

有趣的事實:當你鍵入的棧你的問題,你所使用的編輯器溢出使用其中之一。 https://meta.stackexchange.com/questions/121981/stackoverflow-official-wmd-editor

+0

夢幻般的伴侶。問題是我可能會將相同的文本複製到MS Word中,然後從那裏再次複製它。我現在沒有得到「span lang」標籤。爲什麼會發生?我明白你的意思,但它也必須與來源相關。從源代碼生成的東西,然後獲得所見即所得產品的標籤(郎等)。 –

+1

Word有它自己的機制來格式化您鍵入/粘貼的內容。通常,當您從Word複製文本時,您會選擇Word格式,而這些所見即所得編輯器通常會在粘貼時嘗試複製該格式。因此,如果您從一個源複製並直接粘貼到ckeditor上,它會變成不同的結果,如果您先將它粘貼到單詞中,然後從那裏複製並粘貼到ckeditor,則會由於單詞格式化。 CKeditor(我認爲)甚至有一個'粘貼單詞'按鈕。 –

1

它`信息並不多,所以我會採取一種猜測:

對於<strong><em>:該網站可能最終使用DIV與contenteditable="true"屬性(more info on mdn)作爲輸入法。當您從另一個已經具有粗體或斜體標記的應用程序粘貼文本時,它會轉換爲html標記。

<span lang="en-gb">可能來自瀏覽器,另一個應用程序或網站,通過分析文本並添加它。

+0

即使對於非粗體句子,我也能得到這個結果。感謝您的回覆! –