MDN エディターのツールバー

この翻訳は不完全です。英語から この記事を翻訳 してください。

エディターのツールバーは、作業時に記事の見た目や流れを調整する機能を提供します。この記事ではツールバーの各コントロールについて記述します。

2行のボタンがあり、3列目はあなたがどこにいるかを導くHTML要素があります。下記のスクリーンショットでは、例えば、トップレベルの <p> ブロックを編集しています。

Screenshot of the toolbar, with labels for the button groupsツールバーボタンは9つのグループに別れます。それぞれ見ていきましょう; 各グループのボタンを左から順に詳しく見ていきます。

ドキュメント(Document)グループ

ドキュメントグループはドキュメントレベルの操作オプションを提供します。

ソース
The Source button lets you toggle between editing using the WYSIWYG interface and editing in raw HTML source mode. We strongly request that you try to avoid using source mode, as it's very easy to wind up with content that doesn't match our style guide or, worse, doesn't work right at all. Currently, though, the editor has some quirks that make it impossible to do certain things without resorting to source mode. See Using source mode in the MDN editor for details on how to use source mode and the dos and don'ts involved.
公開
メインの 公開 ボタンと同様

If you try to save your edit and your changes are rejected as invalid, but the content is in fact appropriate for MDN, you should email the writing team for help getting your content posted.

プレビュー
メインの プレビュー ボタンと同様

編集機能(Edit functions)グループ

編集機能はよくあるアプリケーションの編集メニューの対応オプションに似ています。

貼り付け
システムクリップボードの中身をエディターペインに貼り付ける
プレーンテキストとして貼り付け
テキスト貼り付けのダイアログを表示する; テキストは全てスタイリングがはがされ、その結果気づかずに望まないスタイリングをサイトのコンテンツに入れることがなくなります。テキストを貼り付けたら、(追加で) 変更もできて、次にボタンをクリックして作業中の記事に挿入します。

When pasting content into MDN, please be aware that, if pasting styled content (including, for example, syntax highlighting in code being copied from another site), you may be bringing along unwanted and unneeded additional styles or classes. Please be careful not to do this; if necessary, review your edit in source mode to remove these unnecessary styles and classes (or check it before pasting, or use the "Paste as plain text" option instead).

元に戻す
最後の操作を元に戻します
やり直す
最後にもとに戻した操作をやり直します

テキスト処理(Text processing)グループ

テキスト処理グループではテキスト操作のオプションを提供します。

検索
Opens the Find dialog box in "Find" mode, which lets you search your document for a specified string.
置換
Opens the Find dialog box in "Find and replace" mode, allowing you to find strings and replace them with new ones.

The Find and Replace buttons both take you to the same dialog box, which offers several configurable options for finding and optionally replacing text.

スペルチェック
This button opens a menu with several items:
Enable SCAYT/Disable SCAYT
Activates or deactivates Spell Check As You Type (SCAYT)
Options
If SCAYT is activated, this opens the SCAYT dialog box to the tab containing options you can configure for SCAYT.
Languages
If SCAYT is activated, this opens the SCAYT dialog box to the Languages tab, where you can select what language to use for spell-checking dictionary.
Dictionaries
If SCAYT is activated, this opens the SCAYT dialog box to the Dictionaries tab, where you can specify a personal dictionary to use with SCAYT.
About SCAYT
If SCAYT is activated, this opens the SCAYT dialog box to the About tab.
Check Spelling
This opens a Spell Checker dialog box, in which you can check spelling in batch mode on an entire document. You can use the Grammar tab to check for grammar mistakes, or use the Thesaurus tab to search for synonyms of words in the document.

表示(Display)グループ

表示グループはエディター画面の表示に影響するオプションを提供します。

最大化
このボタンは、エディターインターフェイス(つまり、ツールバーと編集ボックス) をブラウザーウィンドウ全体に拡大し、記述スペースを最大限使えます。
ブロック表示
このボタンは、文書内のブロック要素の外枠を出現させます。これはソースモードを使わずに文書構造を手軽にチェックする方法です。

インラインスタイル(Inline styles)グループ

インラインスタイルグループは、テキストの塊に対して適用する、よくあるインラインスタイルを含みます。

太字
Toggles boldface text mode. It creates a <strong> element.
斜体
Toggles italic text mode. It creates an <em> element.
下線
Toggles underlined text mode. It creates a <u> element.
打ち消し線
Toggles strikethrough mode. It creates an <s> element.
下付き
Toggles subscript mode. It creates a <sub> element.
上付き
Toggles superscript mode. It creates a <sup> element. Please note that we don't use footnotes on MDN, so you should rarely if ever need this button.
書式を解除
Removes the current inline styles from the selection.
コード
Toggles code mode. It creates a <code> element. This is used for inline presentation of variable names, function names, object names, filenames, and so forth.

ハイパーリンク(Hyperlinking)グループ

ハイパーリンクグループは、ハイパーリンクに関するオプションを提供します。

リンク挿入/編集
Creates a new link. This button opens the link editor dialog, which is covered in Links using the toolbar.
リンクを削除
Removes the link at the insertion point.
アンカー挿入/編集
Creates an anchor at the insertion point. Note that you don't need an anchor to link to a heading; the MDN editor automatically creates an id for each heading that is the same as the heading text, with spaces replaced by underscores. For example, the heading of this section has an id whose value is Hyperlinking_group.
リダイレクトを作成
Inserts a redirect from this page to another. See Creating redirects for further information.

カスタムスタイル(Custom styles)グループ

Styles ボタンは、特別なフォーマットオプションの選択を提供するドロップダウンメニューです。

Block styles

None
現ブロックの全てのスタイリングを削除します
Note box
下記のような註記のボックスを作ります。註記ボックスでは太字の "註記:" で開始します。

This is a note box.

Warning box
下記のような警告ボックスを作成します。太字の "警告:" で開始します。

Warning: This is a warning box.

Two columns
選択テキストや現ブロックのを1カラムから2カラムに、これをサポートするブラウザーでは、変更します。
Three columns
選択テキストや現ブロックのを1カラムから3カラムに、これをサポートするブラウザーでは、変更します。
Article summary
This style places its contents in a specially formatted call-out block that should contain a summary of the article. See the first paragraph of this article for an example.
Syntax box
Creates a syntax box, such as the one shown below. You need to use the "PRE" button as well, to create a <pre> block inside it. You probably won't see the yellow box until you do.
Hidden when reading
Creates a block that is visible only in edit mode, not when normally displayed. This is not the same as an HTML comment, which is visible only in source mode.

Inline styles

SEO summary
This special style is used to indicate a sentence or two that should be used as the article's summary for SEO purposes. It's also used by macros that automatically construct landing pages. If you don't specify this, MDN automatically uses the first paragraph of your article, but sometimes that's not the optimal text (or it's too much text), so this lets you override that.

ブロック(Blocks)グループ

ブロックグループは、HTML標準や、Kuma 独自となる、その他のブロックスタイルを提供します。

ブロック引用文
Inserts a blockquote. Please do not use this. Blockquotes are not part of our standard style guide, and this button will be removed in the near future.
Preformatted Text
Inserts a <pre> block, or turns the current block into one. All code samples or examples of text output to a terminal should be in one of these blocks.
Headings
The heading buttons let you insert a heading. Click one of these buttons to create a new heading at the corresponding depth. By default, H2 through H4 are included in the table of contents, but you can change this, as described in the page info box.
構文ハイライター
The syntax highlighter lets you choose a language for which to apply syntax highlighting to the <pre> (preformatted text) block; if you're not already in such a block, this will create one for you.  Choose the language used in the  block, and it will be highlighted appropriately.
コードサンプルテンプレートを挿入
This button is used by the live sample system to help you quickly insert a new live sample. You don't need to use it, but it's there for convenience. See Using the live sample system for details on using this and other live sample features.
コードサンプルの iFrame を挿入
Inserts into the document the appropriate macro to display a given live sample. See Using the live sample system for details on using this and other live sample features.

Lists and flow group

このブロック構造グループは、標準のブロック構造を作成、編集するオプションを提供します。

番号つきリスト
Creates or removes a numbered list from your article. Once you're working in a numbered list, each time you press return, you will start a new bullet. The Tab key can be used to indent a level, and Shift + Tab will outdent a level. Pressing return on an empty bullet will exit numbered list mode. Right-clicking the list offers the option to open the properties dialog for the list; the properties include the style of the numbers (numbers, letters, Roman numerals, etc, and what number to start with).
番号なしリスト
Creates or removes a bulleted list from your article. Once you're working in a bulleted list, each time you press return, you will start a new bullet. The Tab key can be used to indent a level, and Shift + Tab will outdent a level. Pressing return on an empty bullet will exit bullet list mode. Right-clicking on the list lets you choose to edit the list's properties (specifically, the shapes of the bullets).
Definition List
Creates a new definition list. Definition lists consist of a series of titles and definitions (this list you're reading right now is an example).
Definition Term
Creates a new term block in a definition list. If you're not already editing a definition list, a new one is created for you. Pressing return after entering a definition title automatically starts you editing a definition description.
Definition Value
Creates a new value block in a definition list. Pressing return on a description line automatically starts a new title. Pressing return twice will exit definition list mode.
インデント解除
Shifts the indentation level to the left once; this is the same as pressing  Shift + Tab while in a list.
インデント
Shifts the indentation level to the right once; this is the same as pressing tab while in a list.
テキストの向き:左から右へ
Sets LTR as the current text typing direction. Used only when covering localization/internationalization topics. For example, if you are working in an Arabic document, you might use this to display some English text.
テキストの向き:右から左へ
Sets RTL as the current text typing direction. Used only when covering localization/internationalization topics. For example, if you are working in an English text, you might use this to display some Arabic text.

メディア(Media)グループ

メディアグループはメディアを表示・フォーマットするオプションを提供します。

イメージ
Inserts a new image into the article. See Images  for details on how to use this option.
Inserts a table into the article. See Tables for more information on tables in articles.
YouTube 動画を埋め込み
Opens a dialog box in which you can specify a YouTube URL. From this information it creates a call to the EmbedYouTube macro. This is a secure way to embed video content.
Insert MathML based on (La)TeX
Opens a dialog box in which you can insert code in TeX or LaTeX. This code will be converted into MathML and inserted into the document in a <math> block.

 

ドキュメントのタグと貢献者

 このページの貢献者: Uemmra3
 最終更新者: Uemmra3,