One-line 没有富文本的浏览器记事本
One-line browser notepad without rich text
通过将单行粘贴到 URL 栏中,可以将浏览器变成记事本:
data:text/html,<html contenteditable>
由于大多数浏览器的搜索功能都非常出色(标记所有出现的搜索词),这比其他简单的编辑器(如默认的 Windows 10 编辑器)更有用。
为了使其在视觉上更具吸引力,您可以添加标题和 style
属性:
data:text/html,<title>Editor</title><html contenteditable style="background:Black;color:LightGray;font-family:monospace">
但是,当将剪贴板中的文本粘贴到记事本中时,文本将被粘贴为富文本格式并保持源中的颜色和字体。如果富文本颜色与背景颜色匹配,这会使文本不可读。有没有办法让浏览器记事本在粘贴时放弃富文本格式?
不使用 <html contenteditable>
,而是使用 <textarea>
,从剪贴板粘贴的任何文本都将失去富文本属性。 <textarea>
中的默认字体已经是等宽字体。 autofocus
属性会自动将光标放在 <textarea>
中。这个版本的单行浏览器记事本具有一些 style
属性,看起来同样具有视觉吸引力。
data:text/html,<title>Editor</title><style>body,textarea{background:Black;color:LightGray;width:100%;height:100%;margin:0;border:none;resize:none}</style><textarea autofocus>
通过将单行粘贴到 URL 栏中,可以将浏览器变成记事本:
data:text/html,<html contenteditable>
由于大多数浏览器的搜索功能都非常出色(标记所有出现的搜索词),这比其他简单的编辑器(如默认的 Windows 10 编辑器)更有用。
为了使其在视觉上更具吸引力,您可以添加标题和 style
属性:
data:text/html,<title>Editor</title><html contenteditable style="background:Black;color:LightGray;font-family:monospace">
但是,当将剪贴板中的文本粘贴到记事本中时,文本将被粘贴为富文本格式并保持源中的颜色和字体。如果富文本颜色与背景颜色匹配,这会使文本不可读。有没有办法让浏览器记事本在粘贴时放弃富文本格式?
不使用 <html contenteditable>
,而是使用 <textarea>
,从剪贴板粘贴的任何文本都将失去富文本属性。 <textarea>
中的默认字体已经是等宽字体。 autofocus
属性会自动将光标放在 <textarea>
中。这个版本的单行浏览器记事本具有一些 style
属性,看起来同样具有视觉吸引力。
data:text/html,<title>Editor</title><style>body,textarea{background:Black;color:LightGray;width:100%;height:100%;margin:0;border:none;resize:none}</style><textarea autofocus>