复制文本后生成 span lang="en-gb"
span lang="en-gb" gets generated after copying text
我从一个平台的来源复制了一段文字。这是一个私人平台,有一个可以输入文本的框。之后有一个按钮可以查看 HTML 源代码。我毫无问题地复制了许多文本。当我试图复制粘贴上面的内容时,我注意到在 HTML 代码中生成了一个特定的标签。
<p><strong><em><span lang="en-gb">Week of the 5th of September</span></em></strong></p>
所以,我的问题是,这怎么可能。复制后的文本是否会生成特定标签?所以,在复制过程中,除了我们可以看到的文本之外,有些东西被复制了......另外,这可能是因为源文本(即将被复制)包含 unicode 设置不支持的字符在平台(网络应用程序)中?
我真的很想知道发生了什么。
信息不多,我猜一下:
对于 <strong><em>
:该网站最终可以使用具有 contenteditable="true"
属性 (more info on mdn) 的 div 作为输入法。当您从另一个应用程序粘贴文本时,该应用程序已经具有粗体或斜体等标记,它会转换为 html 标签。
<span lang="en-gb">
可能来自浏览器、其他应用程序或网站,通过分析文本并添加。
根据您所说的事实,它有一个可以查看源代码的按钮,这听起来像是 CKeditor、TinyMCE、Froala 等 WYSIWIG(所见即所得)编辑器。它们采用标准 HTML textarea 元素并使用 Javascript 和 CSS 将它们转换为更强大的编辑器。它们允许您在文本区域中进行简单的文本格式化、上传图像、查看源代码等。
对于不编写代码但希望能够管理和维护网站内容的人,它们在博客和内容编辑中被大量使用。例如,如果您在其中一个中键入 "paragraph" 文本,它会使用 Javascript.
自动用适当的 <p>
标签包装它
在您的情况下,您要在此框中添加内容,它只是使用 Javascript 对其应用格式。如果你只是在框中输入,它会做同样的事情,而不是 copy/paste.
以下是所见即所得编辑器的一些链接,以便您可以了解有关它们如何工作的更多信息:
http://ckeditor.com/
https://www.tinymce.com/
https://www.froala.com/wysiwyg-editor
有趣的事实:您在 Stack Overflow 上输入问题时使用的编辑器使用其中之一。 https://meta.stackexchange.com/questions/121981/Whosebug-official-wmd-editor
我从一个平台的来源复制了一段文字。这是一个私人平台,有一个可以输入文本的框。之后有一个按钮可以查看 HTML 源代码。我毫无问题地复制了许多文本。当我试图复制粘贴上面的内容时,我注意到在 HTML 代码中生成了一个特定的标签。
<p><strong><em><span lang="en-gb">Week of the 5th of September</span></em></strong></p>
所以,我的问题是,这怎么可能。复制后的文本是否会生成特定标签?所以,在复制过程中,除了我们可以看到的文本之外,有些东西被复制了......另外,这可能是因为源文本(即将被复制)包含 unicode 设置不支持的字符在平台(网络应用程序)中?
我真的很想知道发生了什么。
信息不多,我猜一下:
对于 <strong><em>
:该网站最终可以使用具有 contenteditable="true"
属性 (more info on mdn) 的 div 作为输入法。当您从另一个应用程序粘贴文本时,该应用程序已经具有粗体或斜体等标记,它会转换为 html 标签。
<span lang="en-gb">
可能来自浏览器、其他应用程序或网站,通过分析文本并添加。
根据您所说的事实,它有一个可以查看源代码的按钮,这听起来像是 CKeditor、TinyMCE、Froala 等 WYSIWIG(所见即所得)编辑器。它们采用标准 HTML textarea 元素并使用 Javascript 和 CSS 将它们转换为更强大的编辑器。它们允许您在文本区域中进行简单的文本格式化、上传图像、查看源代码等。
对于不编写代码但希望能够管理和维护网站内容的人,它们在博客和内容编辑中被大量使用。例如,如果您在其中一个中键入 "paragraph" 文本,它会使用 Javascript.
自动用适当的<p>
标签包装它
在您的情况下,您要在此框中添加内容,它只是使用 Javascript 对其应用格式。如果你只是在框中输入,它会做同样的事情,而不是 copy/paste.
以下是所见即所得编辑器的一些链接,以便您可以了解有关它们如何工作的更多信息:
http://ckeditor.com/
https://www.tinymce.com/
https://www.froala.com/wysiwyg-editor
有趣的事实:您在 Stack Overflow 上输入问题时使用的编辑器使用其中之一。 https://meta.stackexchange.com/questions/121981/Whosebug-official-wmd-editor