[PHP][JavaScript] CKeditor + upload z FCKeditor Opcje

[Kshyhoo]

Z racji odpłatnej wersji uploadu w CKeditora, chciałem wykorzystać upload z FCKeditora. Znalazłem w necie kiedyś na to rozwiązanie. Niestety, wciąż wyświetla mi się błąd:
The server didn't reply with a proper XML data. Please check your configuration
Kombinuję na wszelkie sposoby, bez efektu. Starł się ktoś już z tym problemem?

[athei]

Z tej strony możesz pobrać zintegrowany ckeditor z file manager z fckeditor. Jest tam również opis jak zrobić to ręcznie.
Od siebie dodam (jeśli ściągnąłeś filemanager_in_ckeditor.zip), tak mam u siebie i działa:
1. zawartość jest w C:\wamp\www\ck , czyli w folderze ck znajduje się katalog js, plik demo.html
2. W demo.html zmień js na

Kod

                CKEDITOR.replace( 'editor1',
                {
    filebrowserBrowseUrl :'js/ckeditor/filemanager/browser/default/browser.html?Connector=http://localhost/ck/js/ckeditor/filemanager/connectors/php/connector.php',
                    filebrowserImageBrowseUrl : 'js/ckeditor/filemanager/browser/default/browser.html?Type=Image&Connector=http://localhost/ck/js/ckeditor/filemanager/connectors/php/connector.php',
                    filebrowserFlashBrowseUrl :'js/ckeditor/filemanager/browser/default/browser.html?Type=Flash&Connector=http://localhost/ck/js/ckeditor/filemanager/connectors/php/connector.php'}

             );

3. W pliku c:\wamp\www\ck\js\ckeditor\filemanager\connectors\php\config.php odpowiednie linie zamień na
$Config['UserFilesPath'] = './pliki/' ;
$Config['UserFilesAbsolutePath'] = 'C:\\wamp\\www\ck\\pliki\\' ;

4. Utwórz katalog pliki w C:\wamp\www\ck\

Powinno działać.
Co do błędu to też miałem, musisz poprawnie wpisać ścieżki, w tym przypadku w demo.html. Także sprawdź sobie w firebugu, zakładka NET i XHR co jest grane, może będzie, że nie może odnaleźć ścieżki.

Ten post edytował athei 21.03.2010, 10:40:47

[Kshyhoo]

Poradziłem sobie nieco inaczej:
1. ściągnąłem wersję ze strony: http://labs.corefive.com/Projects/FileManager/
2. ckeditor/config.js:

[PHP] pobierz, plaintext 
CKEDITOR.editorConfig = function( config )
{
config.filebrowserBrowseUrl = 'includes/ckeditor/filemanager/index.html';
config.filebrowserImageBrowseUrl = 'includes/ckeditor/filemanager/index.html?type=Images';
config.filebrowserFlashBrowseUrl = 'includes/ckeditor/filemanager/index.html?type=Flash';
config.filebrowserUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php';
config.filebrowserImageUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php?command=QuickUpload&type;=Images';
config.filebrowserFlashUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php?command=QuickUpload&type;=Flash';
};
[PHP] pobierz, plaintext 

3. W pliku z edytorem:

[PHP] pobierz, plaintext 
CKEDITOR.replace( "editor1",
{
filebrowserBrowseUrl: '/includes/ckeditor/filemanager/index.html',
});
[PHP] pobierz, plaintext 

I jakoś zadziałał. Na dodatek wersja z jQuery i AJAXem.

[grzes124]

Witam,

Z menadżerów plików do CKEditora polecam także PGRFileManager

Pozdrawiam.

[Kshyhoo]

Jakoś nie przypadł mi do gustu...

[dexter21]

Hej wszystkim, mam pytania do Kshyhoo co do FileManager,

"1. ściągnąłem wersję ze strony: http://labs.corefive.com/Projects/FileManager/
2. ckeditor/config.js:
[PHP] pobierz, plaintext 1.CKEDITOR.editorConfig = function( config )2.{3.config.filebrowserBrowseUrl = 'includes/ckeditor/filemanager/index.html';4.config.filebrowserImageBrowseUrl = 'includes/ckeditor/filemanager/index.html?type=Images';5.config.filebrowserFlashBrowseUrl = 'includes/ckeditor/filemanager/index.html?type=Flash';6.config.filebrowserUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php';7.config.filebrowserImageUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php?command=QuickUpload&type;=Images';8.config.filebrowserFlashUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php?command=QuickUpload&type;=Flash';9.};[PHP] pobierz, plaintext
3. W pliku z edytorem:
[PHP] pobierz, plaintext 1.CKEDITOR.replace( "editor1",2.{3.filebrowserBrowseUrl: '/includes/ckeditor/filemanager/index.html',4.}); "

Ściągnąłem FileManager'a, w ckeditor/config.js wstawiłem kod zmieniając jedynie ścieżki z 'includes/ckeditor/filemanager/index.html' na 'filemanager/index.html' , bo w ckeditor mam 'filemanager/index.html',
i potem właśnie, co potem?, 'w pliku z edytorem', czy mógłbyś skonkretyzować o jaki plik dokladnie chodzi w pkt. 3. Z góry Wielkie Dzięki:-)

[Kshyhoo]

w ckeditor/config.js wstawiłem kod zmieniając jedynie ścieżki z 'includes/ckeditor/filemanager/index.html' na 'filemanager/index.html' , bo w ckeditor mam 'filemanager/index.html',

Musisz uwzględnić ścieżkę do pliku. Jeżeli edytor jest w pliku np.: edytor.php a ten jest inkludowany w pliku index.php,. musisz to uwzględnić - manager powinien być "widzialny" z poziomu index.php.

i potem właśnie, co potem?, 'w pliku z edytorem', czy mógłbyś skonkretyzować o jaki plik dokladnie chodzi w pkt. 3. Z góry Wielkie Dzięki:-)

Samo podpięcie edytora np.:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="includes/ckeditor/ckeditor.js"></script>
[HTML] pobierz, plaintext 

nie wystarcza. Trzeba jeszcze dodać go do <textarea>, np.:

[HTML] pobierz, plaintext 
<textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>
   <script type="text/javascript">
      //<![CDATA[
      CKEDITOR.replace( "editor1",
      {
         filebrowserBrowseUrl: '/includes/ckeditor/filemanager/index.html'
      });
      //]]>
   </script>
[HTML] pobierz, plaintext 

[dexter21]

no fajnie, tylko w którym pliku konkretnie...?

[Kshyhoo]

Jak już wiele razy napisałem w tym wątku: w pliku, gdzie masz formularz połączany z edytorem. Nie trudno to zgadnąć.

[dexter21]

wiesz co, skoro Tobie to wyszlo, to może przesłałbyś mi CKEditor ze zintegrowanym FileManager'em, np. w paczce *.zip albo *.rar na e-mail'a: jfe@wp.pl
bo ja mam chyba dziś gorszy dzień (IMG:style_emoticons/default/sciana.gif)
Naprawdę Wielkie Dzieki:-)
Pozdro i miełego dnia:-)



Ktoś mi odpowie, konkretnie, który to plik, bo już wszędzie podstawiałem ten kod i nic...

Ten post edytował dexter21 24.05.2010, 09:04:05

[Kshyhoo]

Ktoś mi odpowie, konkretnie, który to plik, bo już wszędzie podstawiałem ten kod i nic...

Wszystkim działa a u Ciebie "nic". To może wklej Twoje nic i zobaczymy, o cho chodzi, że "nic"...

[dexter21]

tak już działa, ale działa tylko gdy odpalam filemanagera z buttona "Przeglądaj", jeśli odpalama z buttona "Wyślij" (szybki upload), wtedy co prawda otwiera okno do pobrania pliku, np. z pulpitu, ale nie można go upload'wać na serwer...
Dzieki Pozdro:-)

[Kshyhoo]

tak już działa, ale działa tylko gdy odpalam filemanagera z buttona "Przeglądaj", jeśli odpalama z buttona "Wyślij" (szybki upload), wtedy co prawda otwiera okno do pobrania pliku, np. z pulpitu, ale nie można go upload'wać na serwer...
Dzieki Pozdro:-)

No i zaś mamy zgadywać, gdzie skopałeś kod? czekaj, niech zerknę w szklaną kulę i może zobaczę, gdzie błąd...

[Piro]

Witam,

Również mam problem z tym edytorem. Zrobiłem tak jak jest napisane ale niestety coś nie dział (zakładam że nie zrobiłem czegoś oczywistego). Plik główny znajduje się tutaj:
http://piro.vot.pl/asd/index.html

Wiem że trudno wyjaśnić strukturę katalogów wiec zrobiłem konto ftp.
ftp://piro.vot.pl/

login: cke@piro.vot.pl
hasło: asdasd

Gdyby ktoś miał czas chciałbym się dowiedzieć co zrobiłem źle (albo czego nie zrobiłem) ponieważ postępowałem zgodnie z instrukcją.

Pozdrawiam,
Piro

[Kshyhoo]

@Piro, komu będzie się chciało "latać" po ftp'ach. Wklej kod, jakim podłączasz edytora i config edytora. Należy pamiętać, że edytor to JS i lubi siedzieć do bólu w cache... więc używajcie F5 a jeszcze lepiej Ctrl+F5 - ja się parę razy kupiłem a okazało się, że nie odświeżało kodu (pomocna rzecz - podgląd źródła). Metodą prób i błędów (swoich) uruchomiłem to, co potrzebowałem. Jedna rzecz mi tylko nie zadziałała - "więcej kolorów"...

[Piro]

Plik index.html:

[HTML] pobierz, plaintext 
...
<script type="text/javascript" src="includes/ckeditor/ckeditor.js"></script>
...
<textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>
   <script type="text/javascript">
      //<![CDATA[
      CKEDITOR.replace( "editor1",
      {
         filebrowserBrowseUrl: '/includes/ckeditor/filemanager/index.html'
      });
      //]]>
   </script>
...
[HTML] pobierz, plaintext 

plik config.js

[JAVASCRIPT] pobierz, plaintext 
/*
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or <a href="http://ckeditor.com/license" target="_blank">http://ckeditor.com/license</a>
*/
 
CKEDITOR.editorConfig = function( config )
{
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';
	config.filebrowserBrowseUrl = 'includes/ckeditor/filemanager/index.html';
	config.filebrowserImageBrowseUrl = 'includes/ckeditor/filemanager/index.html?type=Images';
	config.filebrowserFlashBrowseUrl = 'includes/ckeditor/filemanager/index.html?type=Flash';
	config.filebrowserUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php';
	config.filebrowserImageUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php?command=QuickUpload&type;=Images';
	config.filebrowserFlashUploadUrl = 'includes/ckeditor/filemanager/connectors/php/filemanager.php?command=QuickUpload&type;=Flash';
};
[JAVASCRIPT] pobierz, plaintext 

katalogowo wygląda to tak:
index.html
includes>ckeditor>filemanager

gdzie filemanager to folder trunk.r16 z jego całą zawartością po ściągnięciu

[Kshyhoo]

I wszystkie ścieżki dostępu masz dobre? Jakie masz objawy, nie ma listy katalogów?

[Piro]

http://img526.imageshack.us/img526/2011/zr...ilemanagerg.png

Po wybraniu grafiki i wciśnięciu "upload" napis z nazwą grafiki zmienia się na "nie wybrano pliku".

[Kshyhoo]

Ja się pytam, czy masz listę katalogów po lewej ekran wcześniej...

[Piro]

Nie mam pomiędzy kliknięciem w przycisk "Przeglądaj" a tym ekranem nic (listy katalogów też). Pierwszą rzeczą jaka mi się pojawia jest to okno.