브라우저를 편집기로 바꾸는 방법

이번에는 브라우저를 에디터로 바꾸는 방법과, 브라우저를 에디터로 바꾸는 주의사항은 무엇인지 알려드리겠습니다. 다음은 실제 사례입니다.

코드를 브라우저에 직접 복사하여 붙여넣고 사용하세요. 물론 즐겨찾기에 저장할 수도 있습니다(인터넷에 연결되어 있는 경우)
단축키: Ctrl+F 검색 Alt+F 형식
Ctrl+ Shift+Space 표시 팁
Ctrl+왼쪽 마우스 버튼을 사용하여 여러 항목 선택 가능
Alt+왼쪽 마우스 버튼을 클릭하고 이동하여 여러 줄 선택
Ctrl+S로 코드 다운로드(접미사 입력 필요)
Ctrl+R 브라우징 지원 emmet에 들어가려면.
저는 Chrome 브라우저를 사용하고 있습니다. 다른 브라우저는 테스트하지 않았습니다. 관심이 있으시면 직접 조사해 보세요.
----아직 저장 기능이 완벽하지 않을 수 있습니다. 저는 주로 Ctrl+R을 사용하여 탐색합니다. 그러다가 효과를 보고 싶으면 링크를 클릭하면 됩니다. 코드를 복사한 다음 Ctrl+R

data:text/html, <style type=&#39;text/css&#39;> #e{position:absolute;top:0;right:0;bottom:0;left:0;}</style> <div id=&#39;e&#39;></div> <script src=&#39;https://ace.c9.io/build/src-min-noconflict/ace.js&#39; type=&#39;text/javascript&#39; charset=&#39;utf-8&#39;></script> <script src=&#39;https://ace.c9.io/build/src-min-noconflict/ext-language_tools.js&#39;></script> <script src=&#39;https://cloud9ide.github.io/emmet-core/emmet.js&#39; type=&#39;text/javascript&#39; charset=&#39;utf-8&#39;></script> <script src=&#39;https://ace.c9.io/build/src-min-noconflict/ext-emmet.js&#39; type=&#39;text/javascript&#39; charset=&#39;utf-8&#39;></script> <script src=&#39;https://ace.c9.io/build/src-min-noconflict/ext-language_tools.js&#39;></script> <script> var e=ace.edit(&#39;e&#39;); e.setTheme(&#39;ace/theme/monokai&#39;); e.getSession().setMode(&#39;ace/mode/html&#39;); e.setOption(&#39;enableEmmet&#39;, true); ace.require(&#39;ace/ext/language_tools&#39;); e.setOption(&#39;enableLiveAutocompletion&#39;,true); e.setOptions({enableBasicAutocompletion: true}); e.getSession().setUseWrapMode(true); function SaveTextArea() { window.location = &#39;data:application/octet-stream,&#39; + e.getValue(); }; function do_js_beautify() { js_source = (e.getValue()).replace(/^\s+/, &#39;&#39;); tabsize =1; tabchar = &#39;\t&#39;; if (js_source && js_source.charAt(0) === &#39;<&#39;) { e.setValue(style_html(js_source, tabsize, tabchar, 80)); } else { e.setValue(js_beautify(js_source, tabsize, tabchar)); }; return false; }; document.onkeydown = function(e){ if( e.ctrlKey == true && e.keyCode == 83 ){ SaveTextArea(); return false; }; if(e.altKey == true &&e.keyCode ==70){ do_js_beautify(); return false; }; if(e.ctrlKey == true &&e.keyCode ==82){ runEx(); return false; }; if(e.altKey == true &&e.keyCode ==82){ runEx(); return false; }; }; function runEx() { var code=e.getValue(); if (code!=&#39;&#39;){ var newwin=window.open(&#39;&#39;,&#39;&#39;,&#39;&#39;); newwin.opener = null ; newwin.document.write(code); newwin.document.close(); }; }; </script> <script src=&#39;http://tool.chinaz.com/template/default/js/jsformat.js&#39;></script> <script src=&#39;http://tool.chinaz.com/template/default/js/htmlformat.js&#39;></script>

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

관련 읽기:

아이콘이 있는 가장 간단한 검색 상자

JS가 태그된 비디오 썸네일을 캡처할 수 있나요?

위 내용은 브라우저를 편집기로 바꾸는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!