#author("2018-07-12T14:28:11+09:00","default:wikiwriter","wikiwriter")
#author("2018-07-12T14:29:46+09:00","default:wikiwriter","wikiwriter")
&tag(CKEditor4);
*目次 [#l01b5099]
#contents
*関連ページ [#f6782b1e]
*参考情報 [#j7951ec4]

&tag(CKEditor/基本);

*基本的な使用方法 [#m1b9c7ce]
-[[Quick Start Guide - CKEditor 4 Documentation:https://docs.ckeditor.com/ckeditor4/latest/guide/dev_installation.html]]
-Standardパッケージをダウンロード。
-以下のリンクでサンプルを確認できる
 http://<your site="">/ckeditor/samples/index.html
-CKEditorの組み込み。
#pre{{
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>A Simple Page with CKEditor</title>
        <!-- Make sure the path to CKEditor is correct. -->
        <script src="../ckeditor.js"></script>
    </head>
    <body>
        <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor.
            </textarea>
            <script>
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>
    </body>
</html>
}}

*プラグイン [#z66b06d9]

**プラグインの使用方法 [#bec46b02]
-[[Installing Plugins - CKEditor 4 Documentation:https://docs.ckeditor.com/ckeditor4/latest/guide/dev_plugins.html]]
-pluginsディレクトリの下にプラグインフォルダを作成。
-config.jsのextraPluginsでプラグインを指定。
-例えば
#pre{{
    config.extraPlugins = 'openlink';
}}

**openlink [#s5a1cb61]
-デフォルトではCKEditorのエディタ部に入力されたリンクはクリックできない。
-それを有効するのがopenlinkプラグイン。
-デフォルトではCmd/Ctrlキーを押しながらリンクをクリックする必要があるが、以下の設定を有効にすればこのキーは不要になり左クリックで別のウィンドウ(タブ)で開けるようになる。
 config.openlink_modifier = 0;



トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS