{"id":28284,"date":"2021-05-23T14:53:00","date_gmt":"2021-05-23T11:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28284"},"modified":"2021-10-18T03:42:39","modified_gmt":"2021-10-18T00:42:39","slug":"top-3-darmowy-edytor-tekstu-sformatowanego-do-aplikacji-internetowych","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/top-3-darmowy-edytor-tekstu-sformatowanego-do-aplikacji-internetowych\/","title":{"rendered":"Top 3 darmowy edytor tekstu sformatowanego do aplikacji internetowych"},"content":{"rendered":"

Szukasz darmowego edytora tekstu sformatowanego do swojej aplikacji internetowej? Edytor WYSIWYG (otrzymujesz to, co widzisz) pozwala na wprowadzanie opisowej tre\u015bci wraz z elementami HTML. W tym artykule om\u00f3wimy 3 najlepsze darmowe edytory tekstu sformatowanego, kt\u00f3re s\u0105 popularne i \u0142atwe w instalacji.<\/p>\n

W Internecie dost\u0119pnych jest kilka edytor\u00f3w WYSIWYG. Wypr\u00f3bowa\u0142em niekt\u00f3re edytory i wybra\u0142em 3 najlepsze darmowe edytory HTML WYSIWYG, kt\u00f3rymi s\u0105 – CKEditor, TinyMCE i Trix<\/strong>.<\/p>\n

Dlaczego potrzebny jest edytor tekstu sformatowanego?<\/h3>\n

Mo\u017cna zapyta\u0107, dlaczego warto korzysta\u0107 z edytora tekstu sformatowanego? Odpowied\u017a jest prosta. W obszarze tekstowym wprowadzanie du\u017cych fragment\u00f3w tre\u015bci nie jest \u0142atwe i przyjazne dla u\u017cytkownika. Bardzo trudno jest wprowadzi\u0107 r\u00f3\u017cne rodzaje element\u00f3w HTML w obszarze tekstowym. Zawijanie tre\u015bci wewn\u0105trz element\u00f3w i utrzymywanie ich hierarchii jest trudne w obszarze tekstowym.<\/p>\n

Aby upro\u015bci\u0107 ten problem, mamy mo\u017cliwo\u015b\u0107 skorzystania z edytora tekstu sformatowanego. Te edytory WYSIWYG zapewniaj\u0105 dobry interfejs u\u017cytkownika i wygod\u0119 u\u017cytkownika zamiast obszaru tekstowego.<\/p>\n

CKEditor \u2013 internetowy edytor tekstu<\/h3>\n

CKEditor<\/a> to popularny i powszechnie u\u017cywany darmowy edytor tekstu sformatowanego. Ten edytor ma na celu uproszczenie tworzenia tre\u015bci witryny.<\/p>\n

Aby korzysta\u0107 z CKEditor, musisz najpierw do\u0142\u0105czy\u0107 jego plik JS. Dostarczyli 3 rodzaje pakiet\u00f3w \u2013 Basic, Standard, Full. Mo\u017cesz wybra\u0107 dowolny pakiet w zale\u017cno\u015bci od wymaga\u0144. Dla ka\u017cdego pakietu dost\u0119pny jest inny plik JS.<\/p>\n

Oto link do pakiet\u00f3w CKEditor <\/a>http:\/\/ckeditor.com\/download<\/a><\/p>\n

Na powy\u017cszej stronie mo\u017cna wybra\u0107 dowolny pakiet i uzyska\u0107 \u015bcie\u017ck\u0119 \u017ar\u00f3d\u0142ow\u0105 JS pakietu.<\/p>\n

\"Top<\/a><\/p>\n

Na przyk\u0142ad u\u017cywam standardowego pakietu, wi\u0119c m\u00f3j kod b\u0119dzie wygl\u0105da\u0142 nast\u0119puj\u0105co.<\/p>\n

<!DOCTYPE html>\n<html>\n\u00a0\u00a0\u00a0\u00a0<head>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<meta charset=\"utf-8\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<title>CKEditor<\/title>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<script src=\"\/\/cdn.ckeditor.com\/4.14.1\/standard\/ckeditor.js\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<\/head>\n\u00a0\u00a0\u00a0\u00a0<body>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<textarea name=\"editor1\"><\/textarea>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<script>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0CKEDITOR.replace( 'editor1' );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/script>\n\u00a0\u00a0\u00a0\u00a0<\/body>\n<\/html><\/code><\/pre>\n
Powy\u017cszy kod wygeneruje edytor, kt\u00f3ry wygl\u0105da jak na poni\u017cszym zrzucie ekranu.<\/p>\n
\"Top<\/a><\/p>\n
TinyMCE \u2013 zaawansowany edytor WYSIWYG<\/h3>\n
TinyMCE<\/a> jest jednym z najcz\u0119\u015bciej u\u017cywanych edytor\u00f3w open-source. Dobrze znane marki u\u017cywaj\u0105 tego edytora w swoich podstawowych dzia\u0142aniach.<\/p>\n
Instalacja edytora TinyMCE jest bardzo \u0142atwa. Poni\u017cszy kod zast\u0119puje textarea edytorem TinyMCE WYSIWYG.<\/p>\n
<!DOCTYPE html>\n<html>\n<head>\n\u00a0\u00a0<script src=\"https:\/\/cdn.tiny.cloud\/1\/no-api-key\/tinymce\/5\/tinymce.min.js\" referrerpolicy=\"origin\"><\/script>\n\u00a0\u00a0<script>tinymce.init({ selector:'textarea' });<\/script>\n<\/head>\n<body>\n\u00a0\u00a0<textarea>Next, get a free Tiny Cloud API key!<\/textarea>\n<\/body>\n<\/html><\/code><\/pre>\n
Poni\u017cej znajduje si\u0119 zrzut ekranu edytora, kt\u00f3ry jest generowany przy u\u017cyciu powy\u017cszego kodu.<\/p>\n
\"Top<\/a><\/p>\n
Ten edytor zapewnia bogaty zestaw pask\u00f3w narz\u0119dzi. U\u017cytkownik mo\u017ce dodawa\u0107 funkcje (wtyczki), takie jak emocje, kotwica, tryb pe\u0142noekranowy, obraz, druk, sprawdzanie pisowni, tabela, liczba s\u0142\u00f3w itp. w pasku narz\u0119dzi edytora. Pe\u0142n\u0105 list\u0119 wszystkich dost\u0119pnych funkcji pask\u00f3w narz\u0119dzi znajdziesz w ich dokumentacji<\/a>.<\/p>\n
Trix \u2013 edytor WYSIWYG typu Open Source<\/h3>\n
Trix<\/a> to kolejny edytor tekstu sformatowanego typu open source firmy Basecamp. Poniewa\u017c ten edytor jest u\u017cywany w Basecamp, miliony u\u017cytkownik\u00f3w ju\u017c z niego korzystaj\u0105. Napisa\u0142em osobny artyku\u0142 o edytorze Trix, wi\u0119c zapoznaj si\u0119 z tym artyku\u0142em,<\/a> kt\u00f3ry wyja\u015bnia, jak u\u017cywa\u0107 edytora Trix na swoich stronach internetowych.<\/p>\n
Mam nadziej\u0119, \u017ce masz podstawow\u0105 wiedz\u0119 na temat popularnych darmowych edytor\u00f3w tekstu sformatowanego. Podziel si\u0119 swoimi przemy\u015bleniami i sugestiami w sekcji komentarzy poni\u017cej.<\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n