CKEditor i TinyMCE - porównanie edytorów na stronę internetową

Można spotkać wiele edytorów na stronę internetową i każdy edytor ma inne funkcje, poza tymi standardowymi jak np: pogrubienie, podkreślenie, wybór koloru czcionki, czy ułożenie tekstu z lewej, wyśrodkowane, z prawej i justowanie. Mogę tak wymieniać. 

Jednak poza dużą ilością edytorów są dwa edytory, które są bardzo popularne i na przemian stosowane. Takimi edytorami są: CKEditor i TinyMCE. Wiele pytań w internecie jest z pytaniem:

Jaki edytor wybrać? CKEditor czy TinyMCE?

Są podzielone zdania, jedni wolą ckeditor ze względu na dużą funkcjonalność i dużą ilość opcji bez żadnych rozszerzeń a drudzy wolą tinymce z powodu, że jest szybszy, łatwiej jest go skonfigurować i ma bogatszą bibliotekę rozszerzeń. Zajmijmy się samymi edytorami bez żadnych rozszerzeń! 

CKEditor wersja 4.

Testując u siebie na lokalnym komputerze, wybrałem dużą szerokość, co widać na zdjęciu. Na zdjęciu jest pokazany ckeditor wersja pełna,która ma wszystkie pluginy w paskach narzędzi. 

Jeżeli chcemy dodać zdjęcie z dysku lub z internetu, to wybieramy z paska narzędzi ikonę obrazka i pojawia się okno z dużą ilością opcji.

Już na tym etapie mamy sporo ustawień. Klikając lub wybierając przeglądaj, nie będziemy mieli opcji dodania zdjęcia, ponieważ od tego zależą dodatkowe konfiguracje a co za tym idzie, dodanie rozszerzenia dodawania zdjęć. Ja wybrałem KCFinder i jest to darmowe rozszerzenie, lecz tu w tym temacie, nie będę opisywał.  Jeżeli nie mamy rozszerzenia ładowania zdjęć a chcemy wybrać zdjęcie z dysku lub mamy i mamy taki edytor na stronie, to trzeba najpierw przenieść zdjęcia do folderu, który mamy na serwerze i dać odpowiednią ścieżkę. klikamy OK i mamy zdjęcie w edytorze. 

Warto zwrócić uwagę na opcję rozmiaru zdjęcia, którą przed umieszczeniem możemy zmienić. Jeszcze jedno, gdy mamy zdjęcie, to możemy w ustawieniach wyrównania określić położenie zdjęcia i wtedy mamy automatycznie ustalone położenie, gdzie będziemy mieli tekst.

A jak to wygląda w edytorze TinyMCE wersja 4?

Tak najnowsza wersja edytora TinyMCE prezentuje się i o wiele lepiej wygląda niż wersja 3, która jest znana np: z cms'a php-fusion. Tu również jest wersja pełna ze wszystkimi narzędziami.  Jak wygląda ładowanie zdjęć w tym edytorze? Proszę zobaczyć na poniższe zdjęcie.

Nie muszę pytać, czy jest różnica, bo to gołym okiem widać. TinyMCE ma mniej funkcji i jak w CKeditorze tak samo jest w TinyMCE, chodzi o ładowanie plików podając adres obrazka. Tylko w TinyMCE dodając obrazek, nie mamy opcji wyboru położenia obrazka względem treści. Możemy tylko rozmiar określić. Jeżeli chcemy mieć obok obrazka tekst, trzeba z paska narzędzi wybrać wyrównanie z lewej. 

Co do ułożenia ikon i funkcji w pasku narzędzi, to sami możemy wybrać jakie narzędzia będziemy mieli i można to w bardzo prosty sposób zrobić. Ale o konfiguracji edytorów w tym wspomnianym wyżej KCFinder, poświęcę osobny temat.

Odpowiadając na pytanie, jaki edytor wybrać i który będzie lepszy, to zależy wyłącznie od Ciebie. Moim zdaniem oba są dobre i każdy edytor ma swoje plus i minusy.
Sam napisałem aplikację z oba edytorami i świetnie sprawdzają się, ale gdybym musiał wybrać, to CKEditor!