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>