Chrome 黑科技
秒变记事本
data:text/html, <htmlcontenteditable>
OK
<a href="data:text/html, " target="_blank>open new note
<a href="data:text/html, <html contenteditable>" target="_blank>open new note</a>
<html contenteditable="">
<head></head>
<body>
# markdown editor
<div><br></div>
<div><br></div>
<div><br></div>
</body>
</html>
contenteditable
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/contentEditable
editable = element.contentEditable
element.contentEditable = 'true'
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable
<blockquote contenteditable="true">
<p>Edit this content to add your own quote</p>
</blockquote>
<cite contenteditable="true">-- Write your own name here</cite>
.output {
font: 1rem 'Fira Sans', sans-serif;
}
blockquote {
background: #eee;
border-radius: 5px;
margin: 16px 0;
}
blockquote p {
padding: 15px;
}
cite {
margin: 16px 32px;
}
blockquote p::before {
content: '201C';
}
blockquote p::after {
content: '201D';
}
[contenteditable='true'] {
caret-color: red;
}
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content
does not work at all now ?
https://lifehacker.com/turn-any-browser-window-into-a-quick-edit-notepad-5980134
https://stackoverflow.com/questions/15582152/how-to-save-html-contenteditable-content-as-text-file
https://coderwall.com/p/lhsrcq/one-line-browser-notepad
refs
将 Chrome 作为文本编辑器
https://mp.weixin.qq.com/s/BX96ouw-qF7bciBdFvA4Vg
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！