Update user guides

CotEditor/Resources/CotEditor.help/Contents/Resources/Shared/sty/standard.css

@@ -215,6 +215,12 @@ img.bordered {
 	border: 0.5px solid -apple-system-tertiary-label;
 	border-radius: 3px;
 }
+object.symbol {
+	vertical-align: -0.2em;
+}
+object.symbol:lang(ja) {
+	padding: 0 0.2em;
+}
 
 dt {
 	font-weight: 600;

CotEditor/Resources/CotEditor.help/Contents/Resources/en.lproj/pgs/howto_customize_theme.html

@@ -90,7 +90,7 @@ <h2>Customize a theme</h2>
 	<li>Select the theme you want to customize from the theme list.</li>
 </ol>
 
-<p>To use an existing theme as a guide for creating your own, choose the Duplicate command in the Action pop-up menu <img src="../../Shared/gfx/ellipsis.circle.svg" alt="with the ellipsis symbol" style="vertical-align: -2px"/> instead. You can also export your themes and import themes that are created by others.</p>
+<p>To use an existing theme as a guide for creating your own, choose the Duplicate command in the Action pop-up menu <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/ellipsis.circle.svg">with the ellipsis symbol</object> instead. You can also export your themes and import themes that are created by others.</p>
 
 
 <p>To customize a theme:</p>

CotEditor/Resources/CotEditor.help/Contents/Resources/en.lproj/pgs/howto_readonly.html

@@ -40,6 +40,8 @@ <h2>Preventing from being edited</h2>
 
 <p>You can also customize the toolbar and add the Edit toolbar item to quickly switch between preventing and allowing editing.</p>
 
+<p>When a document is prevented from being edited, a read-only icon <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/pencil.slash.svg" height="13">(pencil with slash)</object> appears on the status bar.</p>
+
 
 <h2>Lock</h2>
 

CotEditor/Resources/CotEditor.help/Contents/Resources/en.lproj/pgs/settings.html

@@ -48,7 +48,7 @@ <h1>Change settings in CotEditor on Mac</h1>
 		Support the CotEditor project by offering coffee.</li>
 </dl>
 
-<p>To learn about the options in a pane, click <img src="../../Shared/gfx/help.svg" alt="the Help button" style="vertical-align: -2px"/> at the bottom-right corner of the settings window.</p>
+<p>To learn about the options in a pane, click <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/help.svg">the Help button</object> at the bottom-right corner of the settings window.</p>
 
 </body>
 </html>

CotEditor/Resources/CotEditor.help/Contents/Resources/en.lproj/pgs/settings_appearance.html

@@ -73,7 +73,7 @@ <h1>Change Appearance settings in CotEditor on Mac</h1>
 	</tr>
 
 	<tr>
-		<th>Action pop-up menu <img src="../../Shared/gfx/ellipsis.circle.svg" alt="with the ellipsis symbol" style="vertical-align: -2px"/></th>
+		<th>Action pop-up menu <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/ellipsis.circle.svg">with the ellipsis symbol</object></th>
 		<td><dl>
 			<dt>Duplicate</dt>
 			<dd>Duplicate the selected theme to make your own one.</dd>

CotEditor/Resources/CotEditor.help/Contents/Resources/en.lproj/pgs/settings_format.html

@@ -68,7 +68,7 @@ <h1>Change Format settings in CotEditor on Mac</h1>
 			<dt>Edit (pencil icon)</dt>
 			<dd>Edit the selected syntax.</dd>
 
-			<dt>Action pop-up menu <img src="../../Shared/gfx/ellipsis.circle.svg" alt="with the ellipsis symbol" style="vertical-align: -2px"/></dt>
+			<dt>Action pop-up menu <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/ellipsis.circle.svg">with the ellipsis symbol</object></dt>
 			<ul>
 				<li><strong>Duplicate “[<span class="variable">syntax name</span>]”</strong>:
 				Duplicate the selected syntax to make your own one.</li>

CotEditor/Resources/CotEditor.help/Contents/Resources/en.lproj/pgs/syntax_definition.html

@@ -34,7 +34,7 @@ <h2>Manage syntaxes</h2>
 
 <p>CotEditor bundles syntax definitions for major languages. You can also modify them or add new syntaxes. To manage available syntaxes, choose CotEditor &gt; Settings, then click Format. All syntaxes available are listed in the “Available syntaxes” list.</a>
 
-<p>To add a new syntax, click the Add (plus icon) button below the list. To use an existing syntax as a template for creating your own, choose the Duplicate command in the Action pop-up menu <img src="../../Shared/gfx/ellipsis.circle.svg" alt="with the ellipsis symbol" style="vertical-align: -2px"/> instead.</p>
+<p>To add a new syntax, click the Add (plus icon) button below the list. To use an existing syntax as a template for creating your own, choose the Duplicate command in the Action pop-up menu <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/ellipsis.circle.svg">with the ellipsis symbol</object> instead.</p>
 
 
 <h2>Edit syntax definition</h2>

CotEditor/Resources/CotEditor.help/Contents/Resources/ja.lproj/pgs/howto_customize_theme.html

@@ -90,7 +90,7 @@ <h2>テーマを設定する</h2>
 	<li>「テーマ」リストから設定したいテーマを選択します。</li>
 </ol>
 
-<p>既存のテーマを参考にして独自のテーマを作成するには、アクションポップアップメニュー <img src="../../Shared/gfx/ellipsis.circle.svg" alt="（3点リーダシンボル）" style="vertical-align: -2px"/> から「複製」を選択してください。アクションポップアップメニューから自作のテーマを書き出したり外部テーマを読み込むこともできます。</p>
+<p>既存のテーマを参考にして独自のテーマを作成するには、アクションポップアップメニュー <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/ellipsis.circle.svg">（3点リーダシンボル）</object> から「複製」を選択してください。アクションポップアップメニューから自作のテーマを書き出したり外部テーマを読み込むこともできます。</p>
 
 <p>テーマを設定する手順は次の通りです。</p>
 <ol>

CotEditor/Resources/CotEditor.help/Contents/Resources/ja.lproj/pgs/howto_readonly.html

@@ -40,6 +40,8 @@ <h2>編集不可にする</h2>
 
 <p>また、ツールバーをカスタマイズし、書類の編集可能と不可を切り替えられる「編集」ツールバー項目を追加することもできます。</p>
 
+<p>書類が編集不可になっているときは、ステータスバーに編集不可アイコン<object type="image/svg+xml" class="symbol" data="../../Shared/gfx/pencil.slash.svg" height="13">（スラッシュ付き鉛筆）</object>が表示されます。</p>
+
 
 <h2>ロック</h2>
 

CotEditor/Resources/CotEditor.help/Contents/Resources/ja.lproj/pgs/script_overview.html

@@ -15,7 +15,7 @@
 
 <h1>CotEditorスクリプトを使う</h1>
 
-<p>CotEditorのスクリプト機能は、自分で書いたスクリプトをCotEditor上で実行して編集中の書類を加工したり外部のプログラムを起動したりします。スクリプトは<object type="image/svg+xml" data="../../Shared/gfx/script.svg" height="14">スクリプトアイコン</object>で表されるスクリプトメニューに登録されます。</p>
+<p>CotEditorのスクリプト機能は、自分で書いたスクリプトをCotEditor上で実行して編集中の書類を加工したり外部のプログラムを起動したりします。スクリプトは<object type="image/svg+xml" class="symbol" data="../../Shared/gfx/script.svg" height="14">スクリプトアイコン</object>で表されるスクリプトメニューに登録されます。</p>
 
 
 <figure>

CotEditor/Resources/CotEditor.help/Contents/Resources/ja.lproj/pgs/settings.html

@@ -49,7 +49,7 @@ <h1>MacのCotEditorで設定を変更する</h1>
 		コーヒーを送ってCotEditorプロジェクトをサポートできます。</li>
 </dl>
 
-<p>パネル内のオプションについて詳しくは、設定ウインドウの右下隅の <img src="../../Shared/gfx/help.svg" alt="「ヘルプ」ボタン" style="vertical-align: -2px"/> をクリックしてください。</p>
+<p>パネル内のオプションについて詳しくは、設定ウインドウの右下隅の<object type="image/svg+xml" class="symbol" data="../../Shared/gfx/help.svg">「ヘルプ」ボタン</object>をクリックしてください。</p>
 
 </body>
 </html>

CotEditor/Resources/CotEditor.help/Contents/Resources/ja.lproj/pgs/settings_appearance.html

@@ -72,7 +72,7 @@ <h1>MacのCotEditorで「外観」設定を変更する</h1>
 	</tr>
 
 	<tr>
-		<th>アクションポップアップメニュー <img src="../../Shared/gfx/ellipsis.circle.svg" alt="（3点リーダシンボル）" style="vertical-align: -2px"/></th>
+		<th>アクションポップアップメニュー <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/ellipsis.circle.svg">（3点リーダシンボル）</object></th>
 		<td><dl>
 			<dt>複製</dt>
 			<dd>選択されているテーマをコピーして、独自のテーマを作成します。</dd>

CotEditor/Resources/CotEditor.help/Contents/Resources/ja.lproj/pgs/settings_format.html

@@ -68,7 +68,7 @@ <h1>MacのCotEditorで「フォーマット」設定を変更する</h1>
 			<dt>編集（鉛筆アイコン）</dt>
 			<dd>選択されているシンタックスを編集します。</dd>
 
-			<dt>アクションポップアップメニュー <img src="../../Shared/gfx/ellipsis.circle.svg" alt="（3点リーダシンボル）" style="vertical-align: -2px"/></dt>
+			<dt>アクションポップアップメニュー <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/ellipsis.circle.svg">（3点リーダシンボル）</object></dt>
 			<dd><ul>
 				<li><strong>“[<span class="variable">シンタックス名</span>]”を複製</strong>:
 				選択されているシンタックスをコピーして、独自のシンタックスを作成します。</li>

CotEditor/Resources/CotEditor.help/Contents/Resources/ja.lproj/pgs/syntax_definition.html

@@ -33,7 +33,7 @@ <h2>シンタックスを管理する</h2>
 
 <p>CotEditorはメジャーな言語のシンタックスをすでに同梱しています。さらに、ユーザはそれらを改変したり独自のシンタックスを追加したりすることができます。シンタックスを管理するには、「CotEditor」＞「設定」と選択してから、「フォーマット」をクリックします。すべての利用可能なシンタックスが「利用可能なシンタックス」リストに列挙されています。</p>
 
-<p>新しいシンタックスを追加するには、リスト下部の「追加」（プラスアイコン）ボタンをクリックします。既存のシンタックスを参考にして独自のシンタックスを作成するには、アクションポップアップメニュー <img src="../../Shared/gfx/ellipsis.circle.svg" alt="（3点リーダシンボル）" style="vertical-align: -2px"/> から「複製」を選択してください。</p>
+<p>新しいシンタックスを追加するには、リスト下部の「追加」（プラスアイコン）ボタンをクリックします。既存のシンタックスを参考にして独自のシンタックスを作成するには、アクションポップアップメニュー <object type="image/svg+xml" class="symbol" data="../../Shared/gfx/ellipsis.circle.svg">（3点リーダシンボル）</object> から「複製」を選択してください。</p>
 
 <h2>シンタックス定義を編集する</h2>