[JavaScript / jQuery] Hitta markerad text och göra något med det...

Permalänk
Medlem

[JavaScript / jQuery] Hitta markerad text och göra något med det...

Har googlat runt lite men jag hittar inte riktigt det jag söker så jag jag postar här...
Jo det är så att jag håller på göra en egen WYSIWYG-editor till ett CMS men jag har fastnat lite.

Jag använder mig av HTML5's contenteditable="true" på en div och nu är det dags att börja manipulera innehållet i diven. Och till att börja med behöver jag kunna manipulera det som är markerat (eftersom det är så det funkar i en WYSIWYG).

window.getSelection(); fungerar ju bara det att den hämtar markerad text var man är markerar, jag vill begränsa detta till diven som *just nu* (this) editeras.

Skulle va glad om jag hittar något jQuery'igt sätt att göra detta på, för då litar jag på att det fungerar i alla webläsare. Detta blir kanske lite motsägelsefullt eftersom jag redan använder contenteditable="true" men jag vet att användaren inte kör < IE8.

jQuery har en fin funktion som heter .selected() men den fungerar bara på input="text" och <textarea>.

Sen skulle jag nog också behöva veta hur jag sen manipulerar det som är ändrat efter att jag lyckats hämta det som är markerat.

Tack för hjälpen!

/C

Permalänk
Permalänk
Medlem

Oj. Det va ju en värld av nya grejer här. Ok det har hjälpt väldigt mycket. Tack! Dock känner jag att jag inte riktigt har full kontroll över vissa "kommandon".
Det är rätt simpla textrutor som editeras här och t.ex. en "heading" ska ha ett förutbestämt utseende. Kan jag säga åt en knapp exakt vad den ska göra på något sätt?

Permalänk
Medlem
Skrivet av kismo:

Oj. Det va ju en värld av nya grejer här. Ok det har hjälpt väldigt mycket. Tack! Dock känner jag att jag inte riktigt har full kontroll över vissa "kommandon".
Det är rätt simpla textrutor som editeras här och t.ex. en "heading" ska ha ett förutbestämt utseende. Kan jag säga åt en knapp exakt vad den ska göra på något sätt?

Du kan ju säga åt knapparna vad de ska omsluta den markerade texten med (se Quirksmode-exemplet), och det är det enda du ska behöva göra (stil ska du som vanligt sköta med CSS).