HTMLの編集に何を使うか

HTML を編集できるツール: 1. Notepad は、Scintilla オープン ソース ライブラリに基づく無料のテキスト エディターです; 2. Visual Studio Code は、無料のオープン ソース テキスト エディターです; 3. Atom は GitHub によって開発されていますBrackets が作成したソース テキスト エディター、多言語テキスト エディターの Komodo Edit、プログラマーと Web 開発者向けに構築されたエディターの Bluefish です。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

HTML を編集できるツール (エディタ)

1. Notepad

Notepad はScintilla オープン ソース ライブラリに基づく無料のテキスト エディター。 Notepad の開発者は、省エネルギーとユーザーの二酸化炭素排出量の最小化に重点を置いており、プラットフォームはこれを念頭に置いて構築されています。オープン ソース ツールとして、メモ帳はユーザー作成のプラグインとチュートリアルをサポートしています。

Notepad は完全に無料のオープンソース製品です。

機能:

• 構文の強調表示と折りたたみ

• PCRE 検索/置換

• カスタマイズ可能なインターフェイス

• ドキュメント構造図

• オートコンプリート

• 複数言語環境のサポート

• マクロの記録と再生

2. Visual Studio Code

Visual Studio Code は無料で、エクスペリエンスをカスタマイズするための拡張機能のライブラリを含むオープン ソースのテキスト エディター。これには、JavaScript、TypeScript、Node.js のサポートが組み込まれています。プラットフォームのさまざまな拡張機能は、エディターの速度低下を防ぐために、別のプロセスで実行されるように設計されています。

機能:

• 構文の強調表示

• オートコンプリート

• デバッグ

• 拡張ライブラリ

3. Atom

Atom は、GitHub デバイスによって作成されたオープン ソースのテキスト エディターです。 。エクスペリエンスをカスタマイズするためのさまざまなツールとテーマが用意されています。 Atom は、Git および GitHub とも直接統合します。 Windows ユーザー向けに特別に設計されています。

機能:

• クロスプラットフォーム編集

• 組み込みパッケージマネージャー

• AutoComplete

• ファイル システム ブラウザ

• 複数のペイン

• 検索と置換

• カスタマイズ

4. Brackets

Brackets は、人々のデザインを可能にするオープンソースのテキスト エディターです。フロントエンド開発者はブラウザで作業できます。エディターにはビジュアル ツールが含まれており、必要に応じて追加のヘルプを提供します。 Brackets は HTML、CSS、JavaScript などの WEB 開発言語に焦点を当てており、JavaScript フレームワーク上に構築されています。

機能:

• オンラインエディタ

• リアルタイムプレビュー

• プリプロセッサのサポート

5. Komodo Edit

Komodo Edit は、基本的なプログラミングに必要なものすべてを提供する多言語テキスト エディターです。オートコンプリートや変更追跡など。これはバンクーバーを拠点とする ActiveState によって作成され、他の開発者向けプラットフォームも多数提供しています。機能が豊富な Komodo IDE など、これらのツールの一部は、ユーザーのニーズに基づいてさまざまなパッケージで利用できます。

機能:

• 多言語エディタ

• オートコンプリート

• 複数選択

• ツールボックス

• プロジェクトおよびサイトマネージャー
  #外観とアイコンセット

• 改訂

• #HTML を使用した無料の Web デザイン ソフトウェア

• 6. H5P

H5P は、言語の最新バージョンである HTML5 を使用してインタラクティブなコンテンツを作成、共有、再利用するためのツールです。ユーザーは、プレゼンテーション、ビデオ、ゲームなどを含む、レスポンシブでモバイル対応のコンテンツを作成できます。プラグインとモジュールを通じて Drupal、WordPress、Moodle のフレームワークをサポートします。 機能:

豊富なインタラクティブ HTML5 コンテンツ

• ##ゲーム、ビデオ、プレゼンテーション、その他のメディアを作成

• Drupal、WordPress、Moodle 用プラグイン

• オンライン ユーザー コミュニティ

• ##7. Google Web Designer

Google Web Designer は、あらゆるデバイスで互換性のあるインタラクティブな HTML5 ベースのデザインやモーション グラフィックの作成に役立つ機能を提供します。 Google ドライブや Google 広告など、他の主要な Google アプリケーションとのシームレスな統合を提供します。 HTML に加えて、完全なデザイン スイートでは CSS と Javascript での編集が可能です。

機能:

イベント

ダイナミック ワークフロー
コンテンツ作成ツール
複数のアニメーション モード
Google 統合
• 8. CoffeeCup

  CoffeeCup は 1996 年に初めて HTML 編集ソフトウェアをリリースしました。この無料アプリケーションを使用すると、ユーザーは HTML または CSS ファイルを最初から作成したり、含まれているテーマやレイアウトに基づいて構築したりできます。これには、さまざまな目的に合わせて組織的で効果的な Web サイトを作成するのに役立つコンポーネントのライブラリと包括的なワークフローが含まれています。

  機能:

  • テーマとレイアウト

  • カスタマイズ可能なツールバー

  • 推奨要素、属性、セレクター

  • #プレーン テキストから HTML マークアップへのサポート

  #フォーム アイテム
  ##9. Bluefish

  Bluefish は、プログラマーや Web 開発者が Web サイト、スクリプト、プログラミング コードを作成できるように構築されたエディターです。これは、Windows、MacOS、Linux、その他のオペレーティング システムと互換性のあるオープン ソース アプリケーションです。 HTML、XML、CSS、JavaScript、Python、PHP など、多くのプログラミング言語とマークアップ言語をサポートしています。

  機能:
  高速かつ軽量

  • 500を超えるドキュメントを簡単に開く

  • プロジェクト サポート

  • リモート ファイルのマルチスレッド サポート

  • 検索と置換

  # コード スニペット サイドバー
  文字マップ
  • 10. Microsoft Expression Web

  Microsoft Expression Web現在は 4 番目のバージョンです。これには、HTML、CSS、JavaScript、その他のコーディング言語で高品質の標準ベースの Web サイトを生成および維持するための機能が含まれています。英語、スペイン語、フランス語、韓国語などでダウンロードできます。

  機能:

  Web 標準の組み込みサポート

  CSS 設計機能
  ビジュアル診断ツール
  HTMLを備えた無料のWYSIWYGソフトウェア
  • 11. TinyMCE

  # #TinyMCE は、Atlassian、Medium、Evernote などの製品の作成に一部使用されるリッチ テキスト編集ソリューションです。クラシック、インライン、気を散らさないという 3 つの異なるモードで使用できます。ユーザーは、画像のアップロードと資産管理のためのベンダーのクラウド プラットフォームである Tiny Drive にもアクセスできます。

  特長:

  500 MB ハード ドライブ ストレージ

  5 GB ドライブ帯域幅
  プラグイン
  コミュニティ サポート
  スペル チェック
  画像アップロード
  アクセシビリティ チェック

  • ##拡張メディア埋め込み

  • ##12.CKEditor4

  #CKEditor は、HTML コンテンツに焦点を当てた、完全にカスタマイズ可能な WYSIWYG エディターです。これは、70 の言語バージョン、400 のプラグイン、240 以上の構成オプションを備えたオープン ソース プラットフォームです。 CKEditor 4 と CKEditor 5 はどちらもこのカテゴリで高い評価を受けており、CKEditor 4 は個人的な構成オプションに重点を置いているのに対し、CKEditor 5 はチーム間のリアルタイム コラボレーションに適しています。

  • 機能:

  アクティブ ユーザー 5 人

  開発者 2 人

  ##商用ライセンス
  社内アプリケーション、OEM、または SaaS
  Word および Excel からの貼り付け
  Media Embed
  Autocomplete
  • 13. Summernote

  Summernote は「非常にシンプルな WYSIWYG」です。エディタ」は CSS フレームワーク Bootstrap 上に構築されています。このオープンソース プラットフォームは、モジュールとプラグインの事前構築済みコードを通じて広範なカスタマイズを提供します。カスタマイズ可能な機能には、ツールバー、ダイアログ ボックス、フォント名などがあります。

  • 機能:

  サポート ガイダンス

  Light

  インテリジェントなユーザー インタラクション
  すべての主要なブラウザで動作します
  Django、Rails、Angular と統合します
  • 14. openElement

  openElement は Windows ユーザー向けに設計されており、HTML5 および CSS3 と互換性のある無料の Web 作成ツールです。レスポンシブな多言語ウェブサイトを直感的に作成できます。ユーザーは、他のユーザーがソフトウェア関連のトピックについて話し合うオンライン フォーラムや、構成ヘルプや要素の詳細などの広範な情報を含む Wiki にアクセスできます。

  • 機能:

  グラフィック ドラッグ アンド ドロップ インターフェイス

  ページ レイヤー

  オンライン ユーザー コミュニティ
  再利用可能なスタイルと要素パック
  検索エンジンの最適化
  画像とコードの最適化
  簡単なスクリプト統合
  • 15. Simditor

  Simditor は裸ですWYSIWYGエディター。このオープン ソース プラットフォームには、デフォルトでは主要な機能のみが統合されており、いくつかの追加機能を備えた拡張機能がサポートされています。開発チームは、ユーザー コミュニティからの新しい拡張機能の提出を歓迎します。

  • 機能:

  Internet Explorer、Chrome、Firefox、Safari をサポート

  ユーザーが提出したさまざまな拡張機能

  #(学習ビデオ共有:
  Web フロントエンド
  • )

以上がHTMLの編集に何を使うかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。