ckeditorエディタに画像をアップロードする機能を追加します。


CKEditorの公式プレゼンテーションは、アップロード画像とサーバーファイルを閲覧する機能がありますが、自分でダウンロードしてきたものにはこの二つの機能がありません。実は他のコンポーネントをダウンロードする必要があります。CK Finderは、CKEditorに合わせてアップロード機能を実現します。公式はPHP、Asp.Net、Aspの3つの言語バージョンのCK Finderを提供しています。ダウンロード先:http://ckfinder.com/download CKFinderをウェブサイトのディレクトリに展開します。コール方法は以下の通りです。(CK Finderがウェブサイトのルートディレクトリにあると仮定して、相対パスが使えます。):CKEDIOR.replace('editor 1',filebrowserBrowseUrll)、'/Fresher/Flasher/Fresher/Fresher='filebreowserUploadUrl:'/ckfindr/core/connector/php/connector.php?compmpmp=QuickUpload& type=Files',filebreowserImageUploadUrll:'/ckfinder/core/conector/conector/connetototototototototototototor/phphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphphaaaaaaaaaconnector/php/connector.php?command=QuickUpload&type=Flash');同時にデフォルトではアップロードが禁止されています。CKFinderディレクトリのconfig.phpを開いて32行目のreturn falseを開く必要があります。return trueに変更します。これはアップロード権限の認証です。上に英語の注釈があることに気づきます。簡単にリセット・トゥルーに変えないでください。session検証などを加えると危険です。以下は公式文書です。どうやってファイルアップロード機能を追加しますか?英語の上手な学生に参考してください。上記の方法は、以下のExample 5:Baic Configration The filebrowserBrowserBrowse Browse selting is the location of an external file browser、that shound be launched when「Browse Server」button(1)is presed.The firess the「Upload」tab(2)will appar in dialog boxes(only where such functititinalityisavailable,i.e.in「Link」,「Image」and「Flash」dialog windows)Example 1 CKEEEdiititititititititititititititititite.replace.replace.replace('brelololololololololololololololololololololololololololololololololololololololololololololololololololololololololololololololololololololololololoload.php',}It is also possible to set a separate url fora selected dialog box、using the dialogog name in file blolowser settins:filebreowser[dialogName]Browseuualalalalalalalalalalalallowser[dialogName]Ulolololowser[dialogogName]Uproproproproproproproproproproproproproproproproproproproproproproproproproproproproproprofifififififififirerererererererereaaaaaaaaaaaaaaaaaaaaaaaaaaaathethethethetherereperty:Example 2 CKEITOR.replace('editor 1'は、{filebrowserBrowseUrl:'/browser/browser.php',filebrowserImageBrowseUrl:'/browser/browser.php?type=Images'filebrowserUploadUrl:'/uplader/uplader/ublader/ploader/Ploader/uderIn the example abobove、filebreowser Browseworl and filebreowserUploadUploadUlelelelelelededededededefault、however in the Image dialogbo、CKEditor will use filebrereowserImageBrBreeemageweweweweweweweweweweeeeeeeeeeewwwwwwwwwwserererereredededededededededededededededededededededededededededededederererererererererererererererererererererererererererererererefile browser window in CKEditor is set to 80%of screen width、the default hight is set to 70%of screen height.If for some reasons,the default values are not suit suitable for you,you can change it to any.Use filebrowserwindth to windth to windth the windth the windth the windth the windth the with thejust set the number value(e.g.“800”).If you prefer to set height and width of the wiwindow in in percentage of the screen,remember to add percent sign the end(e.g.「.60%」).Example 3 Emppleeflololololottttfrererererererererererererereeeeeeeeeewwwwwwwwwwwwwwwwwf.eefrerererererererererererererererererererererererererererererererererererererereUrl:'/up loader/up load.php',filebrowser Windowwidth:'640'filebrowser WindowHeight:'480');To set the window size of file browser inside of a specifiic dialog box,use filebrowser[dialog Name]Window Width and filebrowser[dialogName]Window Height settins.For example,to change fiews。change set the filebreowserImageWidth and filebreowserImageWindowHeighhht setitiins.Example 4 CKEEEditor.replace('edito1',filebrowserBrowseUrl:'/browser/broser/browser/breowser/brewser.phseser.phphphphp,fifidededededededededededededededededefifififififififififidededededededededededededededededededededefifififififififififirererererererererererereImagewindowHeight:'480',");Using CKFFinder KFinder may be eaeamimilyintegrated with CKEditor.The integration may be done ininintwoways:by setting CKEditot configration optitititionor or or using the CKFinder.SetuttttdededededededeproproproproproprotttttttttttttttdededededededededededededededededededededededededededededededededededededededededededededededededededededettttttttttttttttttttttttttseUrl:'/ckfinder/ckfinder',filebreowserImageBrowseUrl:'/ckfinder/ckfinder.Type=Images',filebrowserFlashBrowsewwwwsewwwwwsewwwwwwwwwsewwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwl:'/ckfinder/core/connector/php/connector.php?compmand=QuickUpload&type=Images'filebrowser Flash UploadUrl:'/ckfinder/core/connector/php/connector.php?compmand=QuickUpload&type=Flash');The example above is valid for PHP environment./finder/is a base path to the CKFinder installation directory.If your usCK Finder for ASP,ASP.NET or ColdFsion remembers to change“php”to the rightextenssion:asp-CKFinder forASP aspx-CKFinder forASP P.NET cfm-CKFinder forColdFFFFFFFunphp-CKFinder forpppppppppppppppppppppppppppppppppppppppppppppppExExExExExple 6 CKEEEEEExple 6 CKEEEEEEEEEEEEEproproproprot 6 CKEdedetrtrtrtrtrtrtrtrtotototototototototototototo;CK Finder.Setupkeditor(editor);The second parameter of the Setupke Editor()method is the path to the CKFinder installation.Please check the_samples/js/ckeditors.sample distributed with CKFinder to see the full working example of this integration method.