忍者ブログ
手探りでパソコンの事を勉強するブログです。 何か覚えたら記録していきます。
2017 . 11
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  •   

    [PR]



    このエントリーをはてなブックマークに追加
    ×

    [PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

    Movable Type 4.2 に高性能エディタFCKeditorをインストールする



    このエントリーをはてなブックマークに追加
    実証機:ubuntu9.04 - Apache2 - Movable Type Pro version 4.261


    Movable Typeでブログの記事やwebページを作成する際に使うエディタについてですが、デフォルトのリッチテキストエディタだと物足りなさを感じませんか?
    そこで今回導入するのがFCKeditorです。
    FCKeditorを導入するとMovable Typeの編集画面から文字の色変えたり絵文字を挿入したりテーブルを組んだりできたりと、編集時の作業性が格段に向上する事間違いなしです。

    リッチテキストエディタ

    リッチテキストエディタMT4


    デフォルトのリッチテキストでは色を変えるのもソースから書かなくてはいけません。
    めんどくさいにも程があります。
    以下MT4.2へのインストール方法

    まずは下準備としてMT4.2のテキストフォーマットでリッチテキストを選択します。
    1. 設定
    2. ブログ記事
    リッチテキストMT4

    ダウンロード
    FCKeditorファイルのダウンロードをします。
    今回はMT-Plugin-FCKeditor-1.2.ja_v2.zipをダウンロードしました。
    http://sourceforge.jp/projects/fckeditor/releases/

    ダウンロードした.zipファイルを解凍して中身を見るといくつかのファイルがありますが、使うファイルは以下の2です。
    • mt-static
    • plugins
    0f66c9a9.PNG



    ファイルのアップロード
    mt-static
    /MT-4.2/mt-static/plugins/FCKeditor
    c0d88b5c.PNG


    plugins/MT-4.2/plugins/FCKeditor
    5e76bacc.PNG

    となるようにファイルを上書きします。


    mt-config.cgiの編集
    mt-config.cgiの最終行に以下のコードを追記します。
    #======== RichTextEditor ==========
    RichTextEditor FCKeditor

    一通りの設定が終わったら
    1. システムメニュー
    2. プラグイン
    からプラグインが正しくインストールされた事を確認してください。
    d07908f4.PNG


    ブログ記事の新規作成をしてみましょう。
    御覧のようにリッチテキストエディタがFCKeditorに変わっているはずです。
    文字の色、サイズ、背景色、ボーダー、テーブル顔文字、フラッシュの挿入など様々な機能が搭載されています。

    FCKeditor

    サーバーエラーが出た場合
    今回FCKeditorをインストールするに当たって以下のエラーが出たので書いておきます。
    error loading "fckstyles.xml" (HTTP Status: 200) response du

    解決方法
    私の場合はUbuntuにインストールしたApache2の設定ファイルを書き換える事で解決できました。
    .xmlを削除します。
      AddType application/x-httpd-php .php .phtml .php3 .html .htm .xhtml .xml
       #.xmlを削除して以下のコードに書き換える
      AddType application/x-httpd-php .php .phtml .php3 .html .htm .xhtml

    Ubuntuの場合設定ファイルは以下のディレクトリにあります。
    /etc/apache2/mods-available/php5.conf


    参考ページ
    PR




    ■ この記事にコメントする
    お名前
    タイトル
    文字色
    URL
    コメント
    パスワード
    Vodafone絵文字 i-mode絵文字 Ezweb絵文字
    ■ コメント一覧
    ■ この記事のトラックバック
    この記事にトラックバックする:
    見出しの先頭に画像を表示する HOME <ul><li>を使ったグローバルナビゲーションMT4導入例
    ©パソコン手探り all rights reserved.
    Powered by ニンジャブログ  Designed by ピンキー・ローン・ピッグ
    忍者ブログ / [PR]