CKEditor: Różnice pomiędzy wersjami

CKEditor
	Ilustracja; Interface CKEditora 4
Autor	Frederico Caldeira Knabben / CKSource
Aktualna wersja stabilna	39.6.1; (8 lutego 2024) [±]
Język programowania	JavaScript
System operacyjny	Wieloplatformowość
Rodzaj	Edytor HTML
Licencja	CKEditor 5: GPL i licencje komercyjne. CKEditor 4: GPL, LGPL, MPL i licencje komercyjne.
	Multimedia w Wikimedia Commons
	Strona internetowa

Przeglądaj historię interaktywnie

[wersja przejrzana]

← poprzednia edycja następna edycja →

Usunięta treść Dodana treść

WizualnieWikikod

Jednokolumnowy

Wersja z 11:40, 4 sie 2020

CKEditor (poprzednio jako FCKeditor) jest edytorem WYSIWYG online umożliwiającym tworzenie tekstów na stronach internetowych lub w aplikacjach online^[1]^[2]^[3]^[4]. Silnik edytora napisany jest w JavaScript i rozwijany przez firmę CKSource. CKEditor dostępny jest na licencjach open source i komercyjnych^[5].

Historia projektu

FCKeditor i CKEditor 3

Pierwsza wersja programu - pod nazwą FKCEditor - została napisana przez Frederico Caldeirę Knabbena (który do dziś pozostaje BDfL projektu) i udostępniona w marcu 2003 roku. Po prekroczeniu 3 milionów pobrań, oprogramowanie zostało poprawione i przepisane pod nazwą CKEditor 3^[6]; w tej wersji położono naciska na wydajność, dostępność i na nowy interface użytkownika^[7].

CKEditor 4

W grudniu 2012 wydany został CKEditor 4 - w oprogramowaniu znalazły się nowe rozwiązania, takie jak Inline Editing, zmieniono formatowanie kodu źródłowego, poprawiono obsługę DOM i wydajność CSS. Usunięto także implementacje po stronie serwera.

CKEditor 5

Po pięciu latach pracy, w 2018 roku wyszła pierwsza stabilna wersja CKEditora 5. Całość kodu została napisana od zera, zastosowano też nowy własny model danych i architekturę. Edytor wykorzystuje technologię OT (Operational Transformation), drzewiastą strukturę oraz inne mechanizmy, których wdrożenie było niezbędne do zapewnienia możliwości współpracy w czasie rzeczywistym^[8].

CKEditor 5 to framework naisany w JavaScript, oferujący rozbudowane API, pozwalające na tworzenie dowolnych rozwiązań^[9]. CKEditor 5 dostępny jest też w formie tzw. buildów - prekonfigurowanych, gotowych do użycia dystrybucji, oferujących różne typy edytora: Classic, Inline, Balloon, Balloon block oraz Document^[10].

CKEditor Ecosystem

W październiku 2017, CKSource uruchomiło CKEditor Ecosystem. W sierpniu 2020 składał się on z następującyh produktów:

CKEditor 4.
CKEditor 5 Builds - prekonfigurowane wersje edytora do pobrania oraz CKEditor 5 Framework - platforma umożliwiająca budowę własnych wersji dostosowanych do potrzeb.
CKEditor Cloud Services - oferujące wsparcie dla pracy grupowej i obsługi grafik.
Letters - komponent umożliwiający współpracę przy tworzeniu dokumentów w czasie rzeczywistym w dowolnej aplikacji^[11].
CKFinder - komponent do wgrywania plików i zarządzania grafikami.
CKEditor Cloud Services - platforma chmurowa umożliwiająca edycję i współpracę wieloosobową w czasie rzeczywistym.

Cechy edytora

CKEditor oferuje funkcje dostępne w tradycyjnych edytorach tekstu, takie jak formatowanie (pogrubienie, kursywa, podkreślenie, listy numerowane i punktowane), tabele, cytowanie blokowe, linkowanie do zasobów sieciowych, wstawianie grafik, wklejanie zawartości z Microsoft Word, cofanie i przywracanie operacji oraz inne narzędzia do formatowania HTML. Ma także wbudowane narzędzie do sprawdzania pisowni w locie, dostarczone jako plugin przez WebSpellChecker LLC^[7].

Dostępne jest wiele wtyczek do CKEditora 4, rozszerzających jego funkcjonalność. Część z nich, podobnie jak sam edytor, dostępna jest zarówno na licencji Open Source jak i komercyjnej, niektóre tylko na tej drugiej (np. Export to PDF czy CKFinder).

Współdzielna edycja w czasie rzeczywistym

Archtektura i autorski model danych CKEditora 5 umożliwia wieloosobową jednoczesną pracę nad tworzonym tekstem. Możliwe jest stworzenie dostosowanej do potrzeb wersji edytora z użyciem CKEditor 5 Framework, zaś jednoczesna praca w czasie rzeczywistym dostępna jest dzięki CKEditor Cloud Services.

Komponent Letters oparta na CKEditorze 5 umożliwia implementację tych funkcji w dowolnym oprogramowaniu^[12].

Zgodność z przeglądarkami

CKEditor 4 jest w pełni kompatybilny z większością przeglądarek, w tym z aktualnymi stabilnymi wersjami Google Chrome, Firefox, Safari, Microsoft Edge, Opera oraz Internet Explorer 10 i 11.^[13]. Oferuje także niemal pełne wsparcie dla mobilnych wersji Safari (iOS6 +) oraz Chrome (Android).^[13]

CKEditor 5 jest także kompatybilny z Google Chrome, Firefox, Safari, Opera oraz Microsoft Edge. Nie wspiera jednak jeszcze Internet Explorera 11.^[14].

Przypisy

↑ Neeraj Kumar, Tassos Koutlas, Samuel Keen, Edward Crompton, Krishna Kanth: Drupal 8 Development: Beginner's Guide. Packt Publishing Ltd, 2016, s. 145–159. ISBN 978-1-78528-626-1. [dostęp 2019-06-11]. (ang.).
↑ Quinn Dombrowski: Drupal for Humanists. Texas A&M University Press, 2016. ISBN 978-1-62349-473-5. [dostęp 2019-06-11]. (ang.).
↑ David Jin, Sally Lin: Advances in Multimedia, Software Engineering and Computing Vol.1: Proceedings of the 2011 MESC International Conference on Multimedia, Software Engineering and Computing, 26 listopada-27, Wuhan, China. Springer Science & Business Media, 2011. ISBN 978-3-642-25989-0. [dostęp 2019-06-11]. (ang.).
↑ Angela Byron, Addison Berry, Jeff Robbins, Nathan Haug, Heather Berry: Using Drupal. "O'Reilly Media, Inc.", 2009. ISBN 978-0-596-51580-5. [dostęp 2019-06-11]. (ang.).
↑ CKEditor Pricing. [dostęp 2020-08-04]. (ang.).
↑ Rebranding. 2009-02-20. [dostęp 2011-06-09]. (ang.).
↑ ^a ^b CKEditor 3.0 is here!. 2009-08-21. [dostęp 2020-03-20]. (ang.).
↑ CKEditor 5 v10.0.0 – the future of rich text editing looks stable. [dostęp 2018-05-07]. (ang.).
↑ API documentation. [dostęp 4 sierpnia 2020]. (ang.).
↑ CKEditor Ecosystem Documentation: Overview. [dostęp 4 sierpnia 2020]. (ang.).
↑ Letters - Overview. [dostęp 4 sierpnia 2020]. (ang.).
↑ Bringing collaborative editing to any application. [dostęp 2017-11-23]. (ang.).
↑ ^a ^b CKEditor Browser Compatibility. [dostęp 4 sierpnia 2020]. (ang.).
↑ Browser compatibility. [dostęp 4 sierpnia 2020]. (ang.).

Linki zewnętrzne

[1] Neeraj Kumar, Tassos Koutlas, Samuel Keen, Edward Crompton, Krishna Kanth: Drupal 8 Development: Beginner's Guide. Packt Publishing Ltd, 2016, s. 145–159. ISBN 978-1-78528-626-1. [dostęp 2019-06-11]. (ang.).

[2] Quinn Dombrowski: Drupal for Humanists. Texas A&M University Press, 2016. ISBN 978-1-62349-473-5. [dostęp 2019-06-11]. (ang.).

[3] David Jin, Sally Lin: Advances in Multimedia, Software Engineering and Computing Vol.1: Proceedings of the 2011 MESC International Conference on Multimedia, Software Engineering and Computing, 26 listopada-27, Wuhan, China. Springer Science & Business Media, 2011. ISBN 978-3-642-25989-0. [dostęp 2019-06-11]. (ang.).

[4] Angela Byron, Addison Berry, Jeff Robbins, Nathan Haug, Heather Berry: Using Drupal. "O'Reilly Media, Inc.", 2009. ISBN 978-0-596-51580-5. [dostęp 2019-06-11]. (ang.).

[5] CKEditor Pricing. [dostęp 2020-08-04]. (ang.).

[6] Rebranding. 2009-02-20. [dostęp 2011-06-09]. (ang.).

[CKE3-7] CKEditor 3.0 is here!. 2009-08-21. [dostęp 2020-03-20]. (ang.).

[8] CKEditor 5 v10.0.0 – the future of rich text editing looks stable. [dostęp 2018-05-07]. (ang.).

[9] API documentation. [dostęp 4 sierpnia 2020]. (ang.).

[10] CKEditor Ecosystem Documentation: Overview. [dostęp 4 sierpnia 2020]. (ang.).

[11] Letters - Overview. [dostęp 4 sierpnia 2020]. (ang.).

[12] Bringing collaborative editing to any application. [dostęp 2017-11-23]. (ang.).

[CKE4_browser-13] CKEditor Browser Compatibility. [dostęp 4 sierpnia 2020]. (ang.).

[14] Browser compatibility. [dostęp 4 sierpnia 2020]. (ang.).

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

@@ Linia 3: / Linia 3: @@
  |rodzaj              = [[Edytor HTML]]
  |logo                =
- |grafika             = CKEditor.png
+ |grafika             = CKEditor 4 Article Editor screenshot.png
- |opis grafiki        =
+ |opis grafiki        = Interface CKEditora 4
- |autor               = [http://cksource.com/ CKSource]
+ |autor               = Frederico Caldeira Knabben / [http://cksource.com/ CKSource]
  |platforma sprzętowa =
  |system operacyjny   = [[Wieloplatformowość]]
  |język programowania = [[JavaScript]]
  |pierwsze wydanie    =
- |licencja            = [[GNU General Public License|GPL]], [[GNU Lesser General Public License|LGPL]], [[Mozilla Public License|MPL]]
+ |licencja            = CKEditor 5: [[GNU General Public License|GPL]] i licencje komercyjne. CKEditor 4: [[GNU General Public License|GPL]], [[GNU Lesser General Public License|LGPL]], [[Mozilla Public License|MPL]] i licencje komercyjne.
  |wikibooks           =
  |commons             = Category:CKEditor
  |www                 = http://ckeditor.com/
 }}
-'''CKEditor''' – wizualny [[edytor HTML]], rozpowszechniany na licencji [[Otwarte oprogramowanie|Open Source]], który pozwala na łatwe wprowadzanie tekstu za pomocą [[interfejs użytkownika|interfejsu]] przypominającego programy typu [[Microsoft Word]]. [[Formatowanie tekstu]] odbywa się za pomocą zestawu przycisków umożliwiających wybranie [[czcionka|czcionki]], rozmiaru, koloru liter i tła, ustawienie pogrubienia, podkreślenia czy [[kursywa|kursywy]], jak również wyrównanie tekstu (do lewej, do prawej, wycentrowanie, [[justowanie|wyjustowanie]]). Poza tym użytkownik ma do dyspozycji funkcje takie jak wstawienie listy (wypunktowanej lub numerowanej), tabeli, obrazka czy odnośnika (linku). [[korektor pisowni|Korektę pisowni]] zapewnia <span lang="en">plugin</span> [https://webspellchecker.com/wsc-scayt-ckeditor4/ <span lang="en">SCAYT (Spell Check As You Type)</span>][https://ckeditor.com/cke4/addon/scayt] od [https://webspellchecker.com/ WebSpellChecker] ([[:en:WebSpellChecker Software|<span class="external" style="background:no-repeat center right url(/w/skins/Vector/resources/skins.vector.styles/images/external-link-ltr-icon.png)">{{#invoke:Lang|skrót|en}}</span>]]), niestety na lipiec <span style="word-wrap:nowrap">2020 r.</span> nie wspiera języka {{#invoke:lang|dopełniacz|pl}}.
+'''CKEditor''' (poprzednio jako '''FCKeditor''') jest edytorem [[WYSIWYG]] online umożliwiającym tworzenie tekstów na stronach internetowych lub w aplikacjach online<ref>{{Cytuj książkę | nazwisko = Kumar | imię = Neeraj | nazwisko2 = Koutlas | imię2 = Tassos | nazwisko3 = Keen | imię3 = Samuel | nazwisko4 = Crompton | imię4 = Edward | nazwisko5 = Kanth | imię5 = Krishna | tytuł = Drupal 8 Development: Beginner's Guide | url = https://books.google.com/books?id=c_5vDQAAQBAJ&pg=PA145 | wydawca = Packt Publishing Ltd | data = 2016 | strony = 145–159 | isbn = 9781785286261 | data dostępu = 2019-06-11 | język = en }}
-== Zmiana nazwy programu ==
+</ref><ref>{{Cytuj książkę | nazwisko = Dombrowski | imię = Quinn | tytuł = Drupal for Humanists | url = https://books.google.com/books?id=-vN1DQAAQBAJ | wydawca = Texas A&M University Press | data = 2016 | isbn = 9781623494735 | data dostępu = 2019-06-11 | język = en }}</ref><ref>{{Cytuj książkę | nazwisko = Jin | imię = David | nazwisko2 = Lin | imię2 = Sally | tytuł = Advances in Multimedia, Software Engineering and Computing Vol.1: Proceedings of the 2011 MESC International Conference on Multimedia, Software Engineering and Computing, 26 listopada-27, Wuhan, China | url = https://books.google.com/books?id=SLMkuT45whcC | wydawca = Springer Science & Business Media | data = 2011 | isbn = 9783642259890 | data dostępu = 2019-06-11 | język = en }}</ref><ref>{{Cytuj książkę | nazwisko = Byron | imię = Angela | nazwisko2 = Berry | imię2 = Addison | nazwisko3 = Robbins | imię3 = Jeff | nazwisko4 = Haug | imię4 = Nathan | nazwisko5 = Berry | imię5 = Heather | tytuł = Using Drupal | url = https://archive.org/details/usingdrupal00ange | wydawca = "O'Reilly Media, Inc." | data = 2009 | isbn = 9780596515805 | data dostępu = 2019-06-11 | język = en }}</ref>. Silnik edytora napisany jest w  [[JavaScript]] i rozwijany przez firmę CKSource. CKEditor dostępny jest na licencjach [[Otwarte oprogramowanie|open source]] i komercyjnych<ref>{{Cytuj stronę | url = https://ckeditor.com/pricing/ | tytuł = CKEditor Pricing | data dostępu = 2020-08-04 | język = en }}</ref>.
-Aplikacja do 21 sierpnia [[2009]] roku nazywała się '''FCKeditor'''<ref>{{cytuj stronę|url=http://ckeditor.com/blog/CKEditor_3.0_is_here|tytuł=CKEditor 3.0 is here!|data=2011-08-21|język=en|data dostępu=2011-06-09}}</ref>. Początkowe litery '''FCK''' w starej nazwie programu pochodziły od nazwiska twórcy Frederico Caldeira Knabben. Z uwagi na fakt, że litery te przypominały dobrze znany wulgaryzm w języku angielskim zdecydowano, że program zmieni nazwę na CKEditor<ref>{{cytuj stronę|url=http://docs.cksource.com/FCKeditor_3.x/Design_and_Architecture/Rebranding|tytuł=Rebranding|data=2009-02-20|język=en|data dostępu=2011-06-09}}</ref>.
-== Przypisy ==
+== Historia projektu ==
+=== FCKeditor i CKEditor 3 ===
+Pierwsza wersja programu - pod nazwą FKCEditor - została napisana przez Frederico Caldeirę Knabbena (który do dziś pozostaje [[Benevolent Dictator for Life|BDfL]] projektu) i udostępniona w marcu 2003 roku. Po prekroczeniu 3 milionów pobrań, oprogramowanie zostało poprawione i przepisane pod nazwą CKEditor 3<ref>{{cytuj stronę|url=http://docs.cksource.com/FCKeditor_3.x/Design_and_Architecture/Rebranding|tytuł=Rebranding|data=2009-02-20|język=en|data dostępu=2011-06-09}}</ref>; w tej wersji położono naciska na wydajność, dostępność i na nowy interface użytkownika<ref name="CKE3">{{Cytuj stronę | url = https://ckeditor.com/blog/CKEditor-3.0-here/ | tytuł = CKEditor 3.0 is here! | data dostępu = 2020-03-20 | data = 2009-08-21 | język = en }}</ref>.
+=== CKEditor 4 ===
+W grudniu 2012 wydany został CKEditor 4 - w oprogramowaniu znalazły się nowe rozwiązania, takie jak ''Inline Editing'', zmieniono formatowanie kodu źródłowego, poprawiono obsługę [[Obiektowy model dokumentu|DOM]] i wydajność [[Kaskadowe arkusze stylów|CSS]]. Usunięto także implementacje po stronie serwera.
+=== CKEditor 5 ===
+Po pięciu latach pracy, w 2018 roku wyszła pierwsza stabilna wersja CKEditora 5. Całość kodu została napisana od zera, zastosowano też nowy własny model danych i architekturę. Edytor wykorzystuje technologię '''OT''' (Operational Transformation), drzewiastą strukturę oraz inne mechanizmy, których wdrożenie było niezbędne do zapewnienia możliwości współpracy w czasie rzeczywistym<ref>{{Cytuj stronę | url = https://ckeditor.com/blog/CKEditor-5-v10.0.0-the-future-of-rich-text-editing-looks-stable/ | tytuł = CKEditor 5 v10.0.0 – the future of rich text editing looks stable | data dostępu = 2018-05-07 | język = en }}</ref>.
+CKEditor 5 to [[framework]] naisany w [[JavaScript]], oferujący rozbudowane [[Interfejs programowania aplikacji|API]], pozwalające na tworzenie dowolnych rozwiązań<ref>{{Cytuj stronę | url = https://ckeditor.com/docs/ckeditor5/latest/api/index.html | tytuł = API documentation | data dostępu = 4 sierpnia 2020 | język = en }}</ref>. CKEditor 5 dostępny jest też w formie tzw. ''buildów'' - prekonfigurowanych, gotowych do użycia dystrybucji, oferujących różne typy edytora: Classic, Inline, Balloon, Balloon block oraz Document<ref>{{Cytuj stronę | url = https://ckeditor.com/docs/ckeditor5/latest/builds/guides/overview.html#available-builds | tytuł = CKEditor Ecosystem Documentation: Overview | data dostępu = 4 sierpnia 2020 | język = en }}</ref>.
+=== CKEditor Ecosystem ===
+W październiku 2017, CKSource uruchomiło CKEditor Ecosystem. W sierpniu 2020 składał się on z następującyh produktów:
+* '''CKEditor 4'''.
+* '''CKEditor 5 Builds''' - prekonfigurowane wersje edytora do pobrania oraz '''CKEditor 5 Framework''' - platforma umożliwiająca budowę własnych wersji dostosowanych do potrzeb.
+* '''CKEditor Cloud Services''' - oferujące wsparcie dla pracy grupowej i obsługi grafik.
+* '''Letters''' - komponent umożliwiający współpracę przy tworzeniu dokumentów w czasie rzeczywistym w dowolnej aplikacji<ref>{{Cytuj stronę | url = https://ckeditor.com/docs/letters/latest/guides/overview.html | tytuł = Letters - Overview | data dostępu = 4 sierpnia 2020 | język = en }}
+</ref>.
+* '''CKFinder''' - komponent do wgrywania plików i zarządzania grafikami.
+* '''CKEditor Cloud Services''' - platforma [[Chmura obliczeniowa|chmurowa]] umożliwiająca edycję i współpracę wieloosobową w czasie rzeczywistym.
+==Cechy edytora==
+CKEditor oferuje funkcje dostępne w tradycyjnych [[edytor tekstu|edytorach tekstu]], takie jak formatowanie (pogrubienie, kursywa, podkreślenie, listy numerowane i punktowane), tabele, cytowanie blokowe, linkowanie do zasobów sieciowych, wstawianie grafik, wklejanie zawartości z [[Microsoft Word]], cofanie i przywracanie operacji oraz inne narzędzia do formatowania HTML. Ma także wbudowane narzędzie do sprawdzania pisowni w locie, dostarczone jako [[wtyczka|plugin]] przez WebSpellChecker LLC<ref name="CKE3" />.
+Dostępne jest wiele wtyczek do CKEditora 4, rozszerzających jego funkcjonalność. Część z nich, podobnie jak sam edytor, dostępna jest zarówno na licencji Open Source jak i komercyjnej, niektóre tylko na tej drugiej (np. Export to PDF czy CKFinder).
+=== Współdzielna edycja w czasie rzeczywistym ===
+Archtektura i autorski model danych CKEditora 5 umożliwia wieloosobową jednoczesną pracę nad tworzonym tekstem. Możliwe jest stworzenie dostosowanej do potrzeb wersji edytora z użyciem CKEditor 5 Framework, zaś jednoczesna praca w czasie rzeczywistym dostępna jest dzięki CKEditor Cloud Services.
+Komponent Letters oparta na CKEditorze 5 umożliwia implementację tych funkcji w dowolnym oprogramowaniu<ref>{{Cytuj stronę | url = https://ckeditor.com/blog/Bringing-collaborative-editing-to-any-application/ | tytuł = Bringing collaborative editing to any application | data dostępu = 2017-11-23 | język = en }}</ref>.
+==Zgodność z przeglądarkami==
+CKEditor 4 jest w pełni kompatybilny z większością przeglądarek, w tym z aktualnymi stabilnymi wersjami [[Google Chrome]], [[Firefox]], [[Safari (przeglądarka)|Safari]], [[Microsoft Edge]], [[Opera (przeglądarka)|Opera]] oraz [[Internet Explorer]] 10 i 11.<ref name="CKE4 browser">{{Cytuj stronę | url = https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html | tytuł = CKEditor Browser Compatibility | data dostępu = 4 sierpnia 2020 | język = en }}</ref>. Oferuje także niemal pełne wsparcie dla mobilnych wersji Safari (iOS6 +) oraz Chrome (Android).<ref name="CKE4 browser" />
+CKEditor 5 jest także kompatybilny z Google Chrome, Firefox, Safari, Opera oraz Microsoft Edge. Nie wspiera jednak jeszcze Internet Explorera 11.<ref>{{Cytuj stronę | url = https://ckeditor.com/docs/ckeditor5/latest/builds/guides/support/browser-compatibility.html | tytuł = Browser compatibility | data dostępu = 4 sierpnia 2020 | język = en }}</ref>.
+==Przypisy==
 {{Przypisy}}
-== Linki zewnętrzne ==
+==Linki zewnętrzne==
-* [http://ckeditor.com/ Oficjalna strona aplikacji CKEditor]
+* [https://cksource.com/ CKSource Official Website]
+* [https://github.com/ckeditor/ckeditor4 CKEditor 4 GitHub repository]
+* [https://github.com/ckeditor/ckeditor5 CKEditor 5 GitHub repository]
 [[Kategoria:Edytory HTML]]