
No.3ベストアンサー
- 回答日時:
うちもよく分かってないのでとりあえずパスを通しただけですが、その手順を書きますね。
1.
空のフォルダCKを作成
2.
CKEditor(以下cke)とCKFinder(以下ckf)を解凍してフォルダCKに入れる
3.
head内
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
body内
<textarea id="editor1" name="editor1" rows="10" cols="80"></textarea>
<script type="text/javascript">
// This is a check for the CKEditor class. If not defined, the paths must be checked.
if ( typeof CKEDITOR == 'undefined' )
{
document.write(
'<strong><span style="color: #ff0000">Error</span>: CKEditor not found</strong>.' +
'This sample assumes that CKEditor (not included with CKFinder) is installed in' +
'the "/ckeditor/" path. If you have it installed in a different place, just edit' +
'this file, changing the wrong paths in the <head> (line 5) and the "BasePath"' +
'value (line 32).' ) ;
}
else
{
var editor = CKEDITOR.replace( 'editor1' );
editor.setData( '<p>Just click the <b>Image</b> or <b>Link</b> button, and then <b>"Browse Server"</b>.</p>' );
// Just call CKFinder.SetupCKEditor and pass the CKEditor instance as the first argument.
// The second parameter (optional), is the path for the CKFinder installation (default = "/ckfinder/").
CKFinder.SetupCKEditor( editor, '../../' ) ;
// It is also possible to pass an object with selected CKFinder properties as a second argument.
// CKFinder.SetupCKEditor( editor, { BasePath : '../../', RememberLastFolder : false } ) ;
}
</script>
のhtmlをindex(任意の名前)という名前で作成してCKフォルダに入れる
そうするとこうゆう階層になってるハズで
CKフォルダ
├ckeフォルダ
├ckfフォルダ
└index.html
index.htmlを開いてアップロードが表示されるか確認してみてください。
ここまでしかわからないです。
お返事ありがとうございます。
手順通り試したところなんとかボタンが表示されるところまでたどり着きました。
サーバーブラウザーボタンを押すとurlが違うようでページが表示されない状態です。
hoge.com/ckfinder.html?type=Images&CKEditor=editor1&CKEditorFuncNum=1&langCode=ja
となっておりこれのパスを通せば大丈夫かと思うのですがどこで設定するものかご存知でしょうか?
No.4
- 回答日時:
おはようございます
ckfinderだと下みたいな呼び出し方してるようで
---
hoge.com/★/☆.html?type=Images&CKEditor=editor1&CKEditorFuncNum=1&langCode=ja
---
★の部分はhtmlの
CKFinder.SetupCKEditor( editor, '★' ) ;
この部分で
☆の方は
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
のjs内148行目あたりの
url += 'ckfinder.html' ;
のようです。
おそらくご自身でファイルをアップロードするプログラムを用意してあるんだと思いますのでhtmlの★の部分に全部書いちゃえば大丈夫なのかな。
ckfinderを使ってファイルをアップロードする機能はconfig.phpをいじくらないと有効化できないみたいなんですけど、
うちはphpやらperlやらはさっぱりなのでどこを変更すれば有効化できるかわかりませんでした。
ご存知、もしくは出来るようでしたら教えてください。
お返事ありがとうございます。
アドバイスを参考にいろいろ試した結果ですが以下でなんとか動作するようです。
・index.htmlの
//ckfinderのパス
CKFinder.SetupCKEditor(editor, '/CK/ckfinder/');
・/CK/ckfinder/config.phpの32行目
//アップロードを許可するのであればtrueにする(多分・・・)
//ここがfalseだと動作しないようです。
return false;をreturn true;に
・/CK/ckfinder/config.phpの55行目
//アップロードファイル格納ディレクトリのパス指定
$baseUrl ='/home/public_html/CK/ckfinder/userfiles/';
私の環境では上記で問題なく動作しておりますがローカル環境なのでサーバー使用の場合はディレクトリの
パーミッション変更等が必要かと思います。
No.2
- 回答日時:
ここを参考に
http://docs.fckeditor.net/CKEditor_3.x/Developer …
ckedtorのサイトにある、ckfinderをつかいました
http://ckfinder.com/download
この回答への補足
お返事ありがとうございます。
英文で具体的にどうしていいかわからない状態なのですが実装までの手順を教えていただけないでしょうか?
現状は、ckeditorとckfinderをダウンロードしております。そしてckfinderの全ファイルをckeditorへ移動しました。
ドキュメントをみると
CKEDITOR.replace( 'editor1', {
filebrowserBrowseUrl : '/browser/browse.php',
filebrowserUploadUrl : '/uploader/upload.php',
});
とあるのですが上記phpはどちらにもみつかりません。
調べてみたのですが実装する方法を解説しているサイトもみつからずお手上げ状態です。
No.1
- 回答日時:
winのfirefox3.5とie8で見てみるとアップロードのところにありました
なにか特殊なブラウザつかってますか?
この回答への補足
お返事ありがとうございます。
>winのfirefox3.5とie8で見てみるとアップロードのところにありました
私も全く同じ環境、ブラウザで確認しましたがやはりありません。
というか気づいたのですがボタン表示の箇所のhtmlにdisplay:noneが掛かっておりました。具体的には
<td class="cke_dialog_ui_hbox_last" style="width: 110px;">
<a id="91_uiElement" class="cke_dialog_ui_button" hidefocus="true" title="サーバーブラウザー" href="javascript:void(0)" style="display: none; -moz-user-select: none;">
<span class="cke_dialog_ui_button">サーバーブラウザー</span>
</a>
</td>
です。
イメージプロパティを開いても
・イメージ情報
・ハイパーリンク
・高度な設定
のタブのみが表示される状態です。
また、表示のhtmlは以下の通りです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
<link href="./ckeditor/contents.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<form action="sample_posteddata.php" method="post">
<p>
<label for="editor1">
Editor 1:</label><br/>
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">CKEditor</a> …
</p>
<p><input type="submit" value="Submit"/></p>
</form>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
今、見られている記事はコレ!
-
弁護士が解説!あなたの声を行政に届ける「パブリックコメント」制度のすべて
社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
-
なぜ批判コメントをするの?その心理と向き合い方をカウンセラーにきいた!
今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
base64encodeでの文字化けについて
-
<div>のタッチ状態を維持したま...
-
<a href="#" …>の意味を教えて...
-
テーブル内の数値を自動で計算...
-
cssにjavascriptを入れる?呼び...
-
初心者です。あまりに初歩的な...
-
フレームだけ閉じる方法ありま...
-
pythonのWebスクレイピングでfi...
-
ひとつのHTMLファイル内にcanva...
-
iPadのロングタップ(長押し)...
-
htmlファイルを開いた時の画面...
-
JavaScriptについての質問です。
-
インラインフレームで表示され...
-
マウスが画像の上に来たとき音...
-
楽天商品検索APIをjavascriptで...
-
bodyタグのfocus
-
アンカーをクリックしても遷移...
-
SQLのWHEREで全てを質問する方法
-
function の return 値を表示し...
-
Dreamweaver で 外部JSを読み込...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
サイトにアクセスした際、数秒...
-
jqueryプラグインの設置方法
-
javascriptの中でjavascriptを...
-
教えてください! lightboxとsk...
-
liteboxと滑らかスクロールが同...
-
補足です。
-
マウスオーバー+クリカブルマッ...
-
<head>外での、外部css、外部js...
-
jQuery UIのdraggableについて
-
base64encodeでの文字化けについて
-
document.lastChild.appendChil...
-
HTMLに記載したいjavascript
-
jQuery.lightpop.jsの動作について
-
Camera slideshowの使い方について
-
ライブラリについて
-
jqueryのcolorboxを読込直後に...
-
CrossSlideのスライドショーが...
-
thickboxで画像ギャラリーが表...
-
noscript内にlinkは間違い?
-
wordpressでJavascriptのフラッ...
おすすめ情報