一个可以在浏览器上使用的文本差异编辑器,还可以保存在浏览器书签,临时用用还不错
使用方法
1,随便打开一个网页
2,然后把网页保存成书签
3,把保存的书签网页地址,替换为以下内容即可
data:text/html,<!DOCTYPE html><html lang="zh"><head><script>const editorConfig={language:'plaintext',originalEditable:true,fontSize:20,wordWrap:'on',automaticLayout:true,fontFamily:'\"JetBrains Mono\",\"HarmonyOS Sans SC\",\"Cascadia Code\",\"Consolas\",\"Menlo\",\"Twemoji Mozilla\",\"monospace\"'};</script><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>临时差异编辑器</title></head><body><div id="editor-main" style="width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden;"></div><script src="https://fastly.jsdelivr.net/npm/monaco-editor@latest/min/vs/loader.js"></script><script>require.config({paths:{'vs':'https://fastly.jsdelivr.net/npm/monaco-editor@latest/min/vs'}});require(['vs/editor/editor.main'],function(){const editor=monaco.editor.createDiffEditor(document.getElementById('editor-main'),editorConfig);editor.setModel({original:monaco.editor.createModel('','text/plain'),modified:monaco.editor.createModel('','text/plain')});});</script></body></html>
小技巧:把上方代码开头中的language
后面的plaintext
,修改为你所使用的代码语言,例如html
,即可高亮提示,如果你懂代码,还可以自定义外观,字体等,想怎么改怎么改
转载请注明出处,谢谢😘