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で質問しましょう!
似たような質問が見つかりました
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- Excel(エクセル) エクセルのデータ整形について 3 2022/11/12 00:27
- Chrome(クローム) 【Google】「同期は有効です」と表示されているがブックマークが同期されていない 2 2022/11/17 13:32
- Illustrator(イラストレーター) Illustratorでオブジェクトの色が勝手に変わって困っています。 4 2022/09/04 18:47
- WordPress(ワードプレス) 【Wordpress】headerの上に文字 4 2022/09/11 14:52
- Google Drive Googleドライブについて 3 2023/08/06 12:19
- スキンケア・エイジングケア 美顔器の購入を検討しています。 1 2022/08/19 12:11
- UNIX・Linux 【初心者】aws lightsail で自作のオリジナルテーマのwordpressを設定する方法 1 2022/07/14 09:46
- Google+ スマホのgoogle チャットで画像を大きくできない 1 2022/07/13 05:36
- その他(SNS・コミュニケーションサービス) 【至急】Microsoft teamsログインできないループ・・ 3 2023/05/17 13:17
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・プリン+醤油=ウニみたいな組み合わせメニューを教えて!
- ・タイムマシーンがあったら、過去と未来どちらに行く?
- ・遅刻の「言い訳」選手権
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・ハマっている「お菓子」を教えて!
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のjQueryを使用するときの...
-
Adobe Golive Cs2 でクラス会ホ...
-
scrollsmoothly.jsが動かない
-
外部JSファイルで値を受け取る方法
-
base64encodeでの文字化けについて
-
同一HTML内に複数のjQueryを作...
-
質問です。
-
<a href="#" …>の意味を教えて...
-
スマホ上で、左右スワイプで次...
-
function の return 値を表示し...
-
pythonのWebスクレイピングでfi...
-
ランダムにページにアクセスしたい
-
html の中から同じディレクトリ...
-
JavaScriptでiframeの内容を「...
-
ポップアップウインドウを開い...
-
プルダウンと入力を両方行う検...
-
エラー:書き込みができません ...
-
JavaScriptからVBScriptの呼び...
-
Javascriptにて、<script>windo...
-
JavaScriptで、参照する階層を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryBlockUIをフレーム内で動...
-
「jquery.csv2table.js」から生...
-
base64encodeでの文字化けについて
-
エレベーターメニューをON/OFF...
-
文字サイズの大中小について
-
Base64に変換したHTMLの<script...
-
マウスオーバーでリンク先サム...
-
プラグイン無しでContactform7...
-
javascript外部読み込みの際の引数
-
jqueryを2つ設置した事で片方...
-
使用テクノロジーを教えて下さい。
-
jqueryについて(Lightboxとbxs...
-
spinelzのjavascript使用方法
-
jQuery UIのdraggableについて
-
フォントサイズを変更するボタ...
-
CrossSlideのスライドショーが...
-
jqueryのcolorboxを読込直後に...
-
<script>タグというのはどこか...
-
Camera slideshowの使い方について
-
jQueryについて質問です。
おすすめ情報