ページの編集の仕方はこちら(2019-02-11 17:58:30)

ページの編集の仕方はこちらの編集履歴一覧へ戻る

2019-02-11 17:58:30更新でのソースとプレビューを表示しています。
この内容に復元したい場合は、「この内容に復元する」ボタンを押してください。


プレビューを確認する


ソース

<p>まずは最初に発信したい文章を自由に入力して保存ボタンを押してみましょう。これで即ページ上に情報発信が可能です。簡単ですね。ちなみに改行したい時は「Shift+Enter(return)」、段落を変えるときは「Enter(return)」のみで可能です。</p>

<p>ある程度文章が固まったら、今度は下記のアイコンごとの説明を参考に、さらにお好みのスタイルに調整することが可能です。</p>

<p> </p>

<p><span class="uk-text-bold">エディターの基本的な使い方</span></p>

<p>
    <span class="uk-icon-bold"> 太字</span>    - 文字を太字にできます<br />
    <span class="uk-icon-italic"> 斜体</span>    - <em>文字を斜体文にできます</em><br />
    <span class="uk-icon-underline"> 下線</span>    - <u>文字を下線を引く事ができます</u><br />
    <span class="uk-icon-strikethrough"> 打ち消し</span>  - <s>文字を打ち消し文にする事ができます</s><br />
    <span class="uk-icon-subscript"> 添字</span>    - 文字を<sub>添え字にする事</sub>ができます<br />
    <span class="uk-icon-superscript"> 上付き文字</span> - 文字を<sup>上付き文字</sup>にする事ができます
</p>

<p><span class="uk-icon-image"> 画像挿入/編集</span> - 画像を挿入します。<br>画像アップロードフォームより画像をアップロードした後、画像のリンク上で右クリックし「リンクのURLをコピー」するか、リンク先をクリックしブラウザのアドレスバーに表示されるURLをコピーしてください。画像を挿入したい位置にカーソルを合わせてこのボタンをクリックし、URL欄に画像のアドレスをコピーして貼付けてください。画像に対して、幅や高さ、枠線や周りの余白、行揃を指定することもできます。</p>

<p><span class="uk-icon-table"> テーブル(表)挿入/編集</span>テーブル(表)挿入/編集 ー 表を挿入します。<br>行・列に数字を入れ、テーブル幅・高さ・ボーダーサイズ(枠線の太さ)・セル内余白・間隔等を指定できます。キャプションに文字列を入れるとテーブルの上にタイトルが付されます。目的にはそのテーブルが何を表すかを入力すると、ソース内に反映されます。</p>

<table class="uk-table" summary="テーブル作成のテスト">
    <caption>エネミーデータ</caption>
    <tbody>
    <tr>
        <th><span> </span><span class="uk-text-bold">名前</span></th>
        <th><span class="uk-text-bold">体力</span></th>
    </tr>
    <tr>
        <td>エネミー1</td>
        <td>200</td>
    </tr>
    <tr>
        <td>エネミー2</td>
        <td>150</td>
    </tr>
    </tbody>
</table>

<p><span class="uk-icon-minus-square-o"> 横罫線</span> ー 水平線を引くことができます。</p>

<p><span class="uk-icon-link"> リンク挿入/編集(左)</span> - 選択した文字列にリンクを加えることができます。クリックするとリンクするURLを問うウインドウが開きます。リンクタイプは下記の中からリンク先を選択することができます。</p>

<p>URL<br />
    「http://」を選択し、リンクしたいURLを挿入しOKボタンを押してください。別ウィンドウでリンク先を表示する場合は、ターゲットタブ→▼新しいウィンドウ(_空白)をご選択しOKボタンを押してください。</p>

<p>ページ内のアンカー<br />
    ページ内へのリンクを作成することができます。先にページ内の任意の場所にアンカーを作成してから設定してください。</p>

<p><span class="uk-icon-flag"> アンカー挿入/編集/</span> ー <a id="アンカー(目印)" name="アンカー(目印)">アンカー(目印)</a>を挿入します。クリックするとアンカー名を問うウインドウが開きます。任意の半角英文字の文字列を入力すると、目印が挿入されます。</p>

<p><span class="uk-icon-list-ol"> 番号付きリスト</span>段落番号の追加/削除 - 段落番号のついたリストを作る事ができます。最初にこのツールをクリックすると①が表示されるのでその後に文章を書きます。そしてEnterを押すと②が現れるのでその後ろに文章を書きます。最後は2回Enterを押すと段落番号がつかない様になります。</p>

<table class="uk-table">
    <tbody>
    <tr>
        <td>
            <p>①</p>

            <ol>
                <li> </li>
            </ol>

            <p>②</p>

            <ol>
                <li>メニュー</li>
                <li>トップページ</li>
            </ol>
        </td>
    </tr>
    </tbody>
</table>

<p><span class="uk-icon-quote-right"> ブロック引用</span>ブロック引用 ー 引用文を挿入することができます。</p>

<blockquote>
    <p>wiki3!!</p>
</blockquote>

<p><span class="uk-icon-file-code-o"> ソース</span> ー 作成していただいたソース(HTMLコード)が表示されます。</p>
}

プレビュー

まずは最初に発信したい文章を自由に入力して保存ボタンを押してみましょう。これで即ページ上に情報発信が可能です。簡単ですね。ちなみに改行したい時は「Shift+Enter(return)」、段落を変えるときは「Enter(return)」のみで可能です。

ある程度文章が固まったら、今度は下記のアイコンごとの説明を参考に、さらにお好みのスタイルに調整することが可能です。

 

エディターの基本的な使い方

 太字    - 文字を太字にできます
 斜体    - 文字を斜体文にできます
 下線    - 文字を下線を引く事ができます
 打ち消し  - 文字を打ち消し文にする事ができます
 添字    - 文字を添え字にする事ができます
 上付き文字 - 文字を上付き文字にする事ができます

 画像挿入/編集 - 画像を挿入します。
画像アップロードフォームより画像をアップロードした後、画像のリンク上で右クリックし「リンクのURLをコピー」するか、リンク先をクリックしブラウザのアドレスバーに表示されるURLをコピーしてください。画像を挿入したい位置にカーソルを合わせてこのボタンをクリックし、URL欄に画像のアドレスをコピーして貼付けてください。画像に対して、幅や高さ、枠線や周りの余白、行揃を指定することもできます。

 テーブル(表)挿入/編集テーブル(表)挿入/編集 ー 表を挿入します。
行・列に数字を入れ、テーブル幅・高さ・ボーダーサイズ(枠線の太さ)・セル内余白・間隔等を指定できます。キャプションに文字列を入れるとテーブルの上にタイトルが付されます。目的にはそのテーブルが何を表すかを入力すると、ソース内に反映されます。

エネミーデータ
 名前 体力
エネミー1 200
エネミー2 150

 横罫線 ー 水平線を引くことができます。

 リンク挿入/編集(左) - 選択した文字列にリンクを加えることができます。クリックするとリンクするURLを問うウインドウが開きます。リンクタイプは下記の中からリンク先を選択することができます。

URL
「http://」を選択し、リンクしたいURLを挿入しOKボタンを押してください。別ウィンドウでリンク先を表示する場合は、ターゲットタブ→▼新しいウィンドウ(_空白)をご選択しOKボタンを押してください。

ページ内のアンカー
ページ内へのリンクを作成することができます。先にページ内の任意の場所にアンカーを作成してから設定してください。

 アンカー挿入/編集/ ー アンカー(目印)を挿入します。クリックするとアンカー名を問うウインドウが開きます。任意の半角英文字の文字列を入力すると、目印が挿入されます。

 番号付きリスト段落番号の追加/削除 - 段落番号のついたリストを作る事ができます。最初にこのツールをクリックすると①が表示されるのでその後に文章を書きます。そしてEnterを押すと②が現れるのでその後ろに文章を書きます。最後は2回Enterを押すと段落番号がつかない様になります。

  1.  

  1. メニュー
  2. トップページ

 ブロック引用ブロック引用 ー 引用文を挿入することができます。

wiki3!!

 ソース ー 作成していただいたソース(HTMLコード)が表示されます。


ソースを確認する


ページの編集の仕方はこちらの編集履歴一覧へ戻る