Tag: CKEditor4

目次

関連ページ

参考情報

Tag: CKEditor/基本

基本的な使用方法

  • Quick Start Guide - CKEditor 4 Documentation
  • Standardパッケージをダウンロード。
  • 以下のリンクでサンプルを確認できる
    http://<your site="">/ckeditor/samples/index.html
  • CKEditorの組み込み。
    <!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>
    

プラグイン

プラグインの使用方法

openlink

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

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2018-07-12 (木) 14:29:46 (340d)