CKEditor4 の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• CKEditor4 へ行く。
  • 1 (2018-07-12 (木) 14:28:12)

&tag(CKEditor4);

目次†[edit]

関連ページ†[edit]

参考情報†[edit]

&tag(CKEditor/基本);

基本的な使用方法†[edit]

• 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>
  

プラグイン†[edit]

プラグインの使用方法†[edit]

• Installing Plugins - CKEditor 4 Documentation
• pluginsディレクトリの下にプラグインフォルダを作成。
• config.jsのextraPluginsでプラグインを指定。
• 例えば

      config.extraPlugins = 'openlink';