Jak zaimplementować CKEditor w jQuery i przesłać dane asynchronicznie w ckeditorze to niema problemu. Problem jednak pojawia się gdy chcę wstawić dane powiedzmy w sposób jak bbcod posiada. Podam przykład. Oto on:
Cytat
Podczas tworzenia nowego tematu na tym forum mamy do dyspozycji prosty edytor. Są też przyciski, np do pogrubiania. Kliknięcie przycisku pogrubiającego tekst wstawia początek i koniec kodu bb w miejsce gdzie znajduje się kursor. A gdy zaznaczymy fragment tekstu to przed zaznaczeniem zostanie wstawiony kod otwierający pogrubienie, a tam gdzie znajduje się koniec zaznaczenia - wstawiony zostaje koniec kodu odpowiedzialnego za pogrubienie.
Przykład który opisałem wyżej jest dokładnie tym co chcę osiągnąć w CKEditorze.
Istnieje pewien lekki plugin który świetnie sprawdza się, jeżeli wykorzystamy go w zwykłym <textarea> lub <input>. jQuery - fieldSelection().
Chciałem stworzyć coś w rodzaju galerii. Mamy sobie obok jakieś zdjęcia, kliknięcie któregoś z nich wstawia mi obrazek w kodzie <img src="..." /> do CKEditora, w ten sposób zobaczymy kliknięty obrazek w edytorze.
Problem jest gdy chciałem wykorzystać i zaimplementować fieldSelection() w CKEditorze. Otóż nie udało się, czytając później gdzieś okazuje się że zwykłe pole textarea ukrywa a tworzy jakieś inne pole które udaje ramkę CKEditora.
Jest pewien sposób na to aby wybrane zdjęcię lądowało do CKE. Kliknąć na zdjęciu + przytrzymać wciśnięty klawisz myszy + przeciągnąć je w miejsce CKE.
Wszystko ładnie pięknie, ale jeżeli tak zrobię, to po podejrzeniu ścieżki do przeciągniętego zdjęcia wywala mi na początku jakieś odwołania do katalogów o poziom wyżej (../obrazki/img1.jpg), choć w ścieżce do zdjęcia mam (http://localhost/test/obrazki/img1.jpg). Oczywiście podczas wyświetlania treści na stronie można przefiltrować ścieżki w <img> tak aby zamiast (../) mieć (http://).
Nasuwa się pytanie. Po co fieldSelection w CKEditor chcę wrzucić jak można zwykłe <textarea>?? Odpowiedź jest prosta. Klient chce mieć CKEditor i możliwość dodawania zdjęć, ale w jaki sposób chce dodać zdjęcie do CKEditora to nie powiedział.
W związku z tym opowiadaniem mam pytania do was:
1. Zna ktoś sposób aby w CKEditor użyć fieldSelection() i aby działało?
2. Czy może zostawić te przeciąganie i przy wyświetlaniu filtrować ścieżkę?
3. Albo czy zamiast fieldSelection ma ktoś z was jakiś przykład podobny do tego fieldSelection() ale żeby działało w CKEditor?