ブラウザをエディタに変える方法

今回はブラウザをエディタに変える方法と、ブラウザをエディタに変えるための注意点を紹介します。以下は実際的なケースです。

コードをブラウザに直接コピーします。貼り付けて使用します。もちろん、お気に入りに保存することもできます (インターネット接続がある場合)
ショートカット キー: 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 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

アイコン付きの最もシンプルな検索ボックス

JS はビデオのタグ付きビデオサムネイルをキャプチャできますか?

以上がブラウザをエディタに変える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。