ラベル 画像 の投稿を表示しています。 すべての投稿を表示
ラベル 画像 の投稿を表示しています。 すべての投稿を表示

2015年4月2日木曜日

PDF を画像に変換する 4Videosoft Free PDF to JPEG Converter

1. PDF-XChange Viewer

PDF を画像に変換するには PDF-XChange Viewer を用いる。

  • メニューより、ファイル > エクスポート > イメージへエクスポート

SnapCrab_No-0011

  1. イメージの種類を決定
  2. 保存先のフォルダを選択
  3. ファイル名: マクロから選択する

例えば、以下はファイル名を「ファイル名」「ページ番号」としている。

SnapCrab_No-0012

しかし、100 ページ以上ある PDF を変換したら、一部が真っ白になり、ちゃんと変換されなかった。 (+_+)

 

2. Smallpdf.com

オンラインで PDF を画像に変換するには、

Smallpdf.com では様々なファイルの変換に対応している。

SnapCrab_No-0011 (2)

オンラインでもセキュリティについては考えられているとのこと。

PDF to JPG によると、

Secure online conversion

Your PDF and JPG files will be deleted from our servers an hour after the conversion. No-one has access to those files and your privacy is guaranteed.

ただし、上記の PDF を変換したら、全て変換されたが、ページがバラバラになってしまった。 (+_+)

 

3. 4Videosoft Free PDF to JPEG Converter

上記 2 つが上手く変換できなかったので

を利用した。このアプリでは、問題なく変換することができた。

  1. PDF を D&D
  2. Output Folder を決める
  3. Convert ボタンを押す
  4. Open ボタンを押して、変換された結果を表示する。

SnapCrab_No-0011 (3)

 

4. Acrobat

Acrobat を持っているなら、

  • メニューより、ファイル > 名前を付けて保存 > 画像 > JPEG

SnapCrab_No-0011

流石に何の問題なく、変換された。

 

2015年2月2日月曜日

IrfanView で画像を一括変換 - 画像を回転させたい場合

1. 画像を回転させたい

書籍をスキャナーで読み込んだ。その結果、画像の縦横が逆になってしまった。

これを全て反時計回りに回転させたい。

SnapCrab_No-1351

この際、全てのファイルを一括で変換し、上書き保存されるようにしたい。

 

2. IrfanView で画像を一括変換

a. サムネイルを表示

最初に、IrfanView で対象画像の中から一つ選び、画像を開く。

  • メニューより、ファイル > サムネイル を選択する。

これにより、開いた画像が含まれるフォルダにある画像のサムネイルが表示される。

SnapCrab_No-1353

 

b. 一括変換の設定

変換したい対象の画像をサムネイルより選択する。(Shift キーまたは Ctrl キーを押しながらクリック)

  • メニューより、「選択したファイルで一括変換を行う」を選択する。

SnapCrab_No-1354

ダイアログが表示されたら、

  1. 「詳細設定を使用する」にチェックを入れる。
  2. 保存フォルダーにおいて、「現在のフォルダーに保存する」ボタンを押す。
  3. 「詳細設定」ボタンを押すと、「一括変換の詳細設定」ダイアログが表示される。
  4. 「左回転」にチェックを入れる。
  5. 「同名のファイルがあれば上書きする」にチェックを入れる。
  6. OK ボタンを押すと、ダイアログが閉じる。
  7. 「実行」ボタンを押すと、変換が開始される。

SnapCrab_No-1360

もし、元のファイルを残したい場合は、保存フォルダーを指定し、念のため「同名のファイルがあれば上書きする」にチェックを外しておく。

2014年9月4日木曜日

Firefox の画像、JavaScript に関するメモリ使用量を抑える

Firefox のクラッシュ対策に H.264 / MP3 形式のサポートを無効にした。これにより、以前よりもかなり安定するようになった。しかし、残念ながら Google マップを利用したらクラッシュした。 (+_+)

そこで、メモリに関する設定を変更することにした。

ロケーションバーに about:config を入力し、以下の値を変更。

最初はページにある画像の読み込みに関する最大値を 50MB に抑える。

  • image.mem.max_decoded_image_kb: 51200

次に Javascript のメモリ消費量を 50MB に抑える。最後の値は、JavaScript が 32MB 消費したら、ガベージコレクションが動作するようにする。

  • javascript.options.mem.max: 51200
  • javascript.options.mem.high_water_mark: 32

How to Keep Firefox From Using Too Much Memory - Instant Fundas によると、

Reduce memory cache

… Web sites with a lot of large images can require very large amounts of memory. This problem can be mitigated by putting a cap to the amount of memory used by decoded images.

To do so, open the about:config page and search for image.mem.max_decoded_image_kb. By default, this is set to a very high value – 256000 or ~256 MB. Reduce this cache to something smaller, such as 50MB.

Similarly, memory assigned to Javascript is way too high. In webpages where there are lots of scripts doing lots of fancy things, memory footprint can increase quickly. To reduce memory consumption by Javascript, locate the parameter javascript.options.mem.max and change its value from -1 (automatic) to 51200 (50 MB).

Also find javascript.options.mem.high_water_mark, and set it to 30 from the default 128. This parameter tells the garbage collector to start running when javascript is using 30 MB of memory. Garbage collection releases memory back to the system.

ところで、上記の設定は、Firefox 31 で行なった。今、ちょうど Firefox 32 にアップデートした。

Mozilla、新しいキャッシュ機構と世代別GCを統合した「Firefox 32」を正式公開 - 窓の杜 によると、

「Firefox 32」では新しいHTTPキャッシュ機構(v2)が標準で有効化されたほか、世代別GCが統合された。ブラウザーのレンダリングが始まるまでの時間の短縮や、アプリケーションの応答性向上が期待できる。

一度、これまでの設定を元に戻して様子を見て、調子が悪ければ設定をまた戻すことにしよう。

さて、Firefox を再起動しようかな。

2014年8月23日土曜日

高速に画像閲覧できる IrfanView - 基本操作と外部の画像編集アプリに渡す方法

1. Windows  フォト ビューアー から IrfanView に乗り換えた

画像を開くとき、標準の Windows  フォト ビューアー を利用していた。しかし、愛用のマウス、MAD CATZ R.A.T.M ワイヤレスマウス により効率的に操作できない。 (+_+)

そこで、画像ビューアーとして、定番の IrfanView に乗り換えた。このプログラムは画像を開くスピードが早いところが良い。

IrfanView – Wikipedia によると、

  • 数多くの画像・その他のファイル形式に対応しており、それらを素早く閲覧することが可能。
  • プラグインの追加インストールにより、機能を拡張できる(主に対応形式の拡張)。
  • 画像の簡易的な編集が可能(本格的な編集には用途が異なるため向いていない)。
  • 画像ファイル形式やファイル名の変換を、複数のファイルに対して連続して適用できる。画像のリサイズや回転・反転、明るさ・コントラストの調整などの簡単な加工も一度に処理できる(バッチ処理)。
  • ディレクトリ内の画像を縮小表示して並べる「サムネイルウィンドウ」。
  • 指定ファイルを一定間隔で順次表示する「スライドショー」。
  • Adobe Photoshopの8BF形式フィルタ プラグインを使用して、画像にフィルタ処理を適用できる。
  • 日本語化DLLや日本語版も公開されている。
  • 個人利用はフリーだが、商用利用はライセンスを購入する必要がある。

 

2. IrfanView の基本操作

機能が多いので、基本機能だけ押さえておく。全てショートカットキーを覚えておくと良い。

a. 画像の拡大と移動
  1. 画像を拡大するには、Ctrl キー + マウスホイールで行うことができる。
  2. 画像を拡大した際に、画像を上下左右に移動するには、右クリックしたままマウスを動かす。

 

b. 画像の回転
  • Image
    • Rotate Left (counter-clockwise) : L
    • Rotate Right (clockwise) : R

SnapCrab_No-1372

 

c. 切り抜き

切り抜きたい範囲を選択した後、

  • Edit > Crop section (Cut out) : Ctrl + Y

SnapCrab_No-1373

 

d. 画像を画面の真ん中に開く

追記(2014/9/11): 画像を開くと、デフォルトでは左上に開かれる。画面中央に開いて欲しい場合、

  • メニューより、Options > Properties/Settings… > Viewing > Window options:

において、`Center window when loading new image’ にチェックを入れる。その後、OK ボタンを押すことを忘れずに。

SnapCrab_No-1443

 

e. 日本語化

追記(2014/9/14): 日本語化するには、IrfanView - 窓の杜ライブラリ より、`IrfanView VerX.XX用 日本語モジュール’ダウンロードしてインストールする。

その後、メニューより、Properties > Language において、JAPANESE.DLL を選択して、OK ボタンを押す。これにより、メニューが日本語化される。

SnapCrab_No-1483

 

f. 削除したファイルの画像ウィンドウを閉じる

追記(2014/9/23): 画像を削除するには、ツールバーの × ボタンをクリックする。ただし、デフォルトではボタンを押しても画像ウィンドウは開かれたままになる。

SnapCrab_No-1521

  • メニューより、オプション> プロパティ > ファイル操作 > 削除

において、「ファイル削除後にIrfanViewを終了」にチェックを入れることにより、削除ボタンを押すとウィンドウも閉じる。

SnapCrab_No-1502

 

g. 確認ダイアログを表示せずにファイルの上書きをする

追記(2014/11/25): デフォルではファイルを上書きするとき、確認のダイアログが表示される。一々面堂なので、表示しないようにする。

  • メニューよりオプション > ファイル操作 > 保存 / 名前の変更

において、以下項目のチェックを外す。

  • [ファイル] – [上書保存] でも保存ダイアログを表示する
  • 保存時、上書き確認を行う

SnapCrab_No-1572

 

3. 他のプログラムへ画像を渡す

a. 外部編集プログラムを登録

画像の確認、簡単な編集ができたら、他の画像編集プログラムに渡す。

  • Options > Properties/Settings… : P > Miscellaneous

Set external editors: において、GIMP と Photoscape を設定した。

SnapCrab_No-1379

画像ファイルを他のアプリケーションに渡すには、

  • File > Open with external editor

より選択する。ここでもショートカットキーを覚えておいた方が良い。

SnapCrab_No-1380

 

b. 画像をドロップしてアプリケーションを開く

Version 4.38 より、IrfanView で開いた画像の上で

Shift キーを押しながら、左クリックして他のアプリケーションにドロップする

とドロップした対象のアプリケーションで画像を開くことができる。

e - one of the most popular viewers worldwide によると、

Version 4.38 ( - CURRENT VERSION - ) (Release date: 2014-06-23) …

Option to Drag&Drop current file to other programs: SHIFT + left mouse + drag

2012年4月17日火曜日

Web で公開するベクター画像を Dropbox から読み込み、後から画像を更新する

1. ベクター画像をビットマップ画像に変換すると、後から変更しにくい

図形を描くときは、Inkscape を使う。作成した図をブログに載せるには、ベクター画像 を ビットマップ画像 である png や jpeg に変換する。

この方法は、後で図形を変更したい場合、

  1. 変換前のベクター画像を修正
  2. ビットマップ画像へ変換

という手順を踏む必要がある。そのため、後から気軽に図形を編集できない。

 

2. SVG を img タグまたは object タグで表示する

Inkscape でファイルを保存すると、拡張子は .svg となる。

SVG とは、Scalable Vector Graphics - Wikipedia 

Scalable Vector Graphics (スケーラブル・ベクター・グラフィックス、SVG)とは、XML によって記述されたベクターイメージ言語のこと、あるいは SVG で記述された画像形式の事。W3C でオープン標準として勧告されている。

ブラウザの対応

SVG ファイルは、ブラウザにそのまま画像として読み込むことができる。ブラウザの対応状況は、

スタートアップ SVG:第1回 SVGの基礎知識|gihyo.jp … 技術評論社(2010年7月7日)によると、

Firefox,Safari,Google Chrome,Operaなどのブラウザが既にサポートしており,Internet Explorerもそのバージョン9,具体的にはInternet Explorer 9: Platform Demosで公開されているPlatform Preview版でSVGをサポートします。

 

object タグと img タグ

SVG を表示するには、object タグ、または、img タグを用いる。

最も手軽にsvgを表示する方法です。次のように,objectタグにtype="image/svg+xml"を指定し,data属性にsvgファイルのパスを指定します。…

img要素のsrc属性,CSSのbackground-imageなど,データスキームで画像を表示できる場合,そのデータとしてSVGを流しこむことができます。…

(同上より)

SVGファイルを外部ファイルにできるのか - html5j.org | Google グループ 

SVGも画像フォーマットですから <img src="graph.svg"> と書けますよ。(最近のブラウザなら)
ただし、他のブラウザでは試していないので知らないですが、Firefoxだとスクリプトによる操作は出来なくなります。後述のSMILアニメーションなら可能ですが。

 

HTML5

HTML5 では、SVG をインラインで表示できる。

ASCII.jp:HTML5で注目!インラインSVGの使い方|古籏一浩のJavaScriptラボ によると、

HTML5ではビットマップ画像を手軽に扱える「Canvas」が話題ですが、「SVG」も画像関連で注目したい新技術です。HTML5ではInline SVG(インラインSVG)がサポートされ、HTML内にSVGを直接記述できるようになるのです。

 

3. Dropbox へ画像を配置する

ベクター画像を Dropbox で公開し、画像として読みこめば、後から画像だけ独立して更新できる。

  1. SVG ファイルを Dropbox の Public フォルダ以下に保存。
  2. SVG ファイルを右クリック > パブリックリンクのコピーを選択。
  3. HTML で以下を挿入。

<img src="パブリックリンク" />

これにより、SVG ファイルを変更すると、公開済みの画像も変更される。

単純な図形なら、Google ドキュメントの図形描画をウェブに一般公開し、埋め込みコードを取得する方法が楽かな。

2009年11月23日月曜日

携帯から写真を Pixelpipe 経由で Twitpic へ投稿 - なるべく小さく安く

1. brizzly で Twitter を閲覧すると画像を見るのが楽しい

最近、Twitter を見るときブラウザは Google Chrome 、クライアント (?) は Brizzly 。補助として pbtweet+ を利用。

Brizzly はフォローしている人のつぶやき全体を眺めるときに使う。チャットのように表示してくれる pbtweet+ は、リアルの友人をリストにまとめて見るときに利用。

Brizzly の良い点は画像へのリンクをインラインに展開して表示してくれるところ。しかも表示のスピードが早い。twitter を眺めるのが、雑誌を読むときのような感覚に近くなる。

 

2. 画像は Twitpic へ投稿

Twitter と連携する画像投稿サービスは百花繚乱。その中でよく見かけるのが Twitpic 。他の画像投稿サイトは「いかに Twitpic を追撃するか」という記事を見かけるところからして、ここが老舗のようだ。寄らば大樹の陰的な発想は好きではないのだけれど、その筋に疎いので、とりあえず Twitpic を利用することに。

Twitpic は Twitter のアカウントを利用してログイン。さすがに海外のサイトなので英語が基本。しかし画像の投稿はシンプルなので問題なし。アップロードと共に Twitter につぶやけるところもいい。 ^^

091123-004.png

しかし、Twitter の機動性の高さが発揮されるべき携帯との連携が、日本語の場合問題となる。 (+_+) 携帯で写真を写しメールに添付して、Twitpic の Settings に書かれているメールアドレスに、日本語を付けて投稿すると文字化けしてしまう。

091123-005.png

追記 (2009.11.29) : iPhone なら Twixy が文字化けもなくお手軽みたい。

 

3. Pixcelpipe から Twitpic へ投稿

文字化けせずに Twitpic に投稿できないものかと調べていたら、

… そんな人はPixelpipeに登録するといいです

(□ 前 の め り □ » Twitpicと日本語と文字化け…そしてPixelpipe より)

聞いたことのないサービスだなぁ。。(@_@;) Yahoo Pipes の親戚かと思ったけれど全然違うみたい。

WEBマーケティング ブログ によると、

これは複数サービスに画像アルバムや動画チャンネルを持っている人にはなかなか便利なサービス。 画像か動画かを自動的に判別し、対応する複数のサービスへ一括でアップロードしてくれます。

(FlickrやPicasa、YouTubeなどに一気に動画や画像をアップできる「Pixelpipe」 より)

つまり、Pixelpipe 自体は色々なサービスへの投稿を楽にするのが目的だけれど、これを経由して Twitpic へ投稿すると、なぜか日本語の文字化けが解消されるということかな。

 

4. 写真のサイズが小さいと Pixcelpipe へ投稿できない

早速、Pixelpipe に登録して、上記の説明を読みながら Twitpic を投稿先として設定。Manage Personal Settings に書かれているアドレスへ写メールで投稿。

091123-001.png

しかし、なぜか投稿されなかった。 (+_+) 

aaaa画像が上手くアップロードできないと Pixelpipe のホームに吹き出しの画像が代わりに表示される。

このとき投稿した写真のサイズは 120 × 160 で 3KB (画質: ノーマル) 。携帯でネットは使わず、パケ放題を利用してないので、なるべく小さい画像で試したかった。ちなみに、自分の携帯の写真の画素数は 130万画素が最高。よく見たら携帯の機種の前に vodafone って書いてある。(@_@;) なめんな、携帯旧世代というスペック ^^;

次に、サイズを 240 × 320 (画質: ノーマル) にして投稿したら今度は上手くいった。120 × 160 では画質を ファイン にしてもダメだった。

 

5. Twitpic へ投稿するには メールのタイトルか本文につぶやきを書く

つぶやく内容を、写メールの タイトル と 本文 に付けた場合、投稿された内容がどうなるか試してみた。

  タイトル 本文
1 通目 [なし] テスト
2 通目 テストタイトル テストだよタイトル

Twitpic の場合、下の方が 1通目になる。

091122-002.png

結局、タイトルか本文のどちらかに つぶやき を付ければ良いようだ。ただし、両方つけたらタイトルが優先される。

 

Flickr の場合 タイトルと本文が反映される

ついでに Flickr への投稿も試した。(右側が 1 通目)

091122-003.png

こちらは本文とタイトルを入力しても、それぞれ反映される。

 

6. 画像サイズと料金の確認

先ほど述べたように、携帯旧世代なのでパケット代が気になる。ちゃんと投稿できたときは 13 KB 。これがいくらになるのか?

自分の場合、softbank のホワイトプランでパケ放題には入ってないので、以下の料金。

パケットって何!?計算方法は!? - ソフトバンクモバイル情報サイト 〓SoftBank Mobile - 楽天ブログ(Blog) によると、

1パケットは、128バイトであります。
1KBは、1024バイト(1MBは1024×1024=1048576バイト)でありますので、パケットで計算しなおすと、1KBは、1024バイト÷128バイトで、8パケットということになると考えられます。

だから、約 13 KB × 8 × 0.21 = 21.84 円。

念のため Web版 パケット計算 で計算を確認してもその通りだった。

塵も積もれば山となる。気をつけよう~。

2009年8月17日月曜日

特定の位置と拡大率を固定して複数の画像を次々に開く – IrfanView を使って

例えば、コマドリキ を使ってデスクトップのスクリーンショットを定期的に自動で撮影したとする。後で画像の特定の場所を固定し、拡大表示して次々に画像を見たい。

 

方法

IrfanView 日本語版 で目的の画像を開く。(次々に見たい画像が同一フォルダにあるとする。)

メニューより 「表示 > 表示設定(ウィンドウモード) > そのままのサイズで表示」をチェック。

見たい拡大率、位置にスクロールしたら、メニューより「表示 > ズームを固定、スクロール位置を固定」の二つをチェック。

090817-005

この状態で、スペースキーで次の画像、バックスペースで元の画像に移動する。

コンピュータ内の画像を日付を手がかりに検索

げぇ~、以前に撮影した写真を見つけることができない。。 (@_@;) マイピクチャの中に保存したと思っていたけれど見つからず。ただし、いつ撮影したかは何となく把握している。

困ったなと思っていたら、Picasa: 画像整理、インスタント アルバム、ラベル、スター、高性能画像検索 によると、

Picasa を使うとコンピュータ内の画像がスキャンされ、日付順に自動的に並べ替えられます。

早速インストールし、コンピュータ内の画像を全て検索する設定にし、しばらく待つ。

Picasa の左側のペインに、日付順に画像があるフォルダが並べられた。

090817-002

マウスでくるくるとスクロールさせていると、程なくして目的の画像を見つけることができた。人間の曖昧な感覚に基いたインターフェイスって大事だなぁ~。 ^^

2009年2月3日火曜日

Drupal のコンテンツの作成で WYSIWYG – FCKeditor と IMCE を使って

1. Drupal の投稿エディタをリッチにしたい

Drupal でコンテンツを作成するとき、標準ではシンプルなテキストエディタを使う。というか、ただのテキストエリア。

今時のブログと比較すると、珍しくデフォルトでタグ打ちをする。これをリッチなエディタに変更したい。

 

2. FCKeditor

Drupal Modules で調べると、Most Downladed の 3 位に

がある。他のリッチなエディタとしては、

This module has been replaced by Wysiwyg API,

今回は FCKeditor を使うことにした。

 

インストールとモジュールの有効化

より 6.x-1.3-rc7 をダウンロードして解凍。

README.txt の Configuration を見ながら作業を進めるた。

エディタの本体を

より FCKeditor_2.6.4.zip をダウンロードして解凍。

先ほど解凍した fckeditor 内に、今解凍した fckeditor フォルダを配置する。

sites/all/modules に fckeditor を配置。

Drupal の管理画面を開き、

  • 管理セクション › サイトの構築 > モジュール

の「その他」において、FCKeditor にチェックを入れる。

090203-004

これにより、コンテンツの作成から「ストーリー」を選択すると、テキストエリア上部に、エディタのためのメニューが表示される。

090203-005

 

権限の設定?
  • 管理セクション › ユーザの管理 > 権限

を選択。

090203-006

権限の設定があるけど、管理者だけが使うならこのままでいいのかな?

090203-007

 

3. IMCE で画像をアップロード

次に、画像をアップロードするためのモジュールをインストールする。

の「Image/File browser」によると、

  • The IMCE module which needs almost no configuration.
  • IMCE から 6.x-1.1 をダウンロードして解凍。

    sites/all/modules 以下に配置して、モジュールを有効化した。

    090203-008

     

    FCKeditor との連携

    IMCE | drupal.org によると、

    FCKeditor: Admin->Settings->Fckeditor profile->File browser settings->IMCE integration

    • 管理セクション › サイトの環境設定 > FCKeditor settings > プロフィール

    の Default の操作の「編集」をクリック。

    090203-009

    File browser settings を選択。

    090203-010

    File browser type で IMCE を選択。

    090203-011

     

    4. FCKeditor のメニューが表示されなくなった

    IMCE が使えるのか確かめようとした。そのとき、いつも通りのシンプルなテキストエディタに切り替えようと、テキストエリアの下にある

    `Switch to plain text editor’

    のリンクをクリックした。

    FCKeditor の表示が消えた後、元に戻そうとしたけれど、切り替えるためのリンクが表示されなかった。 (@_@;)

    Issues for FCKeditor に同じような症状はないかと探したが、よくわからなかった。

     

    データベースのテーブルを削除

    一度、モジュールを無効にして、再度有効にしてもダメ。 (+_+)

    関連しそうなデータベースのテーブルを削除することにした。

    MySQL Administrator を起動して、Catalogs から Drupal をインストールした Schemata を選択。

    `fckeditor_’

    という接頭辞のテーブルが 2 つあったので

    • 右クリック > Drop Table

    を選択。

    090203-012

    この後、Drupal にエラーが表示されるようになった。

    • warning: include_once(./sites/all/modules/) [function.include-once]: failed to open stream: No such file or directory in C:\xampp\htdocs\drupal6\includes\bootstrap.inc on line 577.
    • warning: include_once() [function.include]: Failed opening './sites/all/modules/' for inclusion (include_path='.;\xampp\php\pear\') in C:\xampp\htdocs\drupal6\includes\bootstrap.inc on line 577.

    ルートディレクトリにある update.php を実行したらどうかと思い、説明を読んだら、

    Drupalやモジュールの新しいリリースをインストールした際には常に、データベースを更新するために、このユーティリティを使用してください。

    これで元に戻るかと思ったが、ダメだった。 (+_+)

     

    system テーブルの設定情報を削除

    エラーの内容より、includes\bootstrap.inc on line 577. 付近を見ると、$files 変数が関係ありそうな感じがした。$files で同ファイルを検索すると、406 行目に関連した SQL を発行している部分があった。

    $file = db_result(db_query("SELECT filename FROM {system} WHERE name = '%s' AND type = '%s'", $name, $type))

    system テーブルが怪しそう。(@_@)

    MySQL Administrator より system テーブル上で

    • 右クリック > Edit Table Data

    により、MySQL Query Browser を開き、

    SELECT * FROM system
    where name like '%fck%';

    を実行。これにより、fckeditor の設定らしきものが見つかった。

    090203-014

    これに対して、

    delete from system
    where name like '%fck%';

    で削除。これにより、エラー表示がなくなった。

     

    5. FCKeditor, IMCE を再インストール

    再度 FCKeditor と IMCE モジュールをインストール。

    • 管理セクション › サイトの環境設定 > FCKeditor settings

    にアクセスすると、

    There is currently no role with the access fckeditor permission. Visit 権限 administration section.

    と表示された。

    今回は、「管理セクション › ユーザの管理 > 権限 > fckeditor モジュール」 で「認証済みユーザ」の列にチェックをつけた。

    090203-015

    上記の設定をしたら、

    • 管理セクション › サイトの環境設定 > FCKeditor settings > Profiles

    の Advanced ロールに「認証済みユーザ」と表示されたので、「操作」の「編集」をクリック。先ほどと同じように File browser type で IMCE を選択した。

     

    6. イメージのアップロード

    コンテンツの作成において、「イメージの挿入/編集」アイコンをクリックしたら、「サーバーブラウザー」ボタンが表示された。

    090203-016

    「サーバーブラウザー」ボタンをクリックしたら、画像を管理するためのページが表示される。ここで画像をアップロードして FCKEditor へ送ることによってコンテンツに画像を挿入することができるようだ。

    090203-017