ホームページ > ウェブフロントエンド > jsチュートリアル > たった 1 行の code_javascript スキルでオンライン エディタを簡単に実装できます。

たった 1 行の code_javascript スキルでオンライン エディタを簡単に実装できます。

WBOY
リリース: 2016-05-16 17:16:08
オリジナル
1458 人が閲覧しました

技術オタクというと、多くの人からは無口で何を考えているのかわからないという印象を持たれ、距離を置かれてしまいます。半分プログラマーとして、本当の技術オタクは、多くのプログラマーと同じように、ほとんどの時間を楽しく過ごし、料理をするのが好きだと思います。ストレス解消には普通の人と変わらないようです。

違うのは、テクノロジーオタクはミニマリズムのような極端さを支持し、シンプルさが単純ではないことを望んでいることです。私は、テクノロジーオタクが上演されている良いショーを見ています。



「プログラマーのホセ・ヘスス・ペレス・アギナガが、CoderWall でちょっとしたトリックを共有しました。ブラウザのアドレス バーにコード行 (data:text/html、) を入力し、Enter キーを押すと、ブラウザが一時エディタになります。 (ブラウザーは HTML5 属性 contenteditable をサポートする必要があります)。Jose に触発されて、多くのプログラマーが、Ruby 構文の強調表示をサポートするエディターに変更するなど、このコード行を変更し始めました..."

導入部分からわかるように、元々は data:text/html、 という短いコードでした。プログラマーによる継続的な修正を経て、徐々に単純な編集可能なページからサポートを含めるように変化していきました。 Java、Ruby、Python、その他のプログラミング言語を強調表示するコード エディター 1 時間以内の最後の更新の時点で、サードパーティの Web サイト データベース API サービスを使用する notepad.cc と同様の機能を備えた Web サイトを確認しました。コンテンツを保存するには、オンライン エディター:

コードをコピーします。 コードは次のとおりです:

データ: text/html,


< スクリプト src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js">
<スクリプト src="http://code. jquery.com/ jquery-1.9.0.min.js">
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート