Witajcie potrzebuj rozwiązania które pozwoli mi zaznaczać tylko zawartość danych znaczników a nie znaczniki i zawartość łącznie... przykład:

[HTML] pobierz, plaintext 
<h2>Lorem ipsum dolor sit amet</h2>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
[HTML] pobierz, plaintext 

https://jsfiddle.net/grw7Ljpd/2/

rozwiązanie musi być elastyczne dla wszystkich typów znaczników.. kombinowałem z https://msdn.microsoft.com/en-us/library/ie...0(v=vs.85).aspx ale coś nie bardzo...

https://jsfiddle.net/grw7Ljpd/3/

dziękuję za odpowiedź jednak totalnie nie oto mi chodzi, bo w ten sposób wyłączyłeś możliwość zaznaczenia nagłówka h2. A ja potrzebuje zrobić tak że jak użytkowni zacznie zaznaczać tekst to może to zrobić tylko w ramach jednego znacznika a nie przeciągnąć selection przez inne np <p> <div> itp potrzebuje tego rozwiązania do mojego skrypciku http://magazynwhisky.pl/demo/edytor/

jak zaznaczysz nagłówek i treść a potem zapiszesz treść to zobaczysz że zostały wycięte znaczniki i pojawia się problem z wyglądem...

A nie możesz po prostu edytować całego znacznika ? ablo nie wywalać tagów.

nie to by było pójście na łatwiznę poza tym jak będziesz miał np tabelke i chcesz zmienić jedną wartość to ją zaznaczasz i edytujesz bez potrzeby ruszania całej tabeli. Taki bajer..

tak, ale jak klikniesz na komórkę tabeli to edytujesz tylko bierzący TD a nie całą tabelę.

Jak klikniesz na h2 to cały h2

jest mase tego typu edytorów / pluginów a mi zależy na troche innym rozwiązaniu. Wyobraź sobie że masz cały kontener treść a scrollbar wygląda jak mały rodzynek... Chcesz w tym poprawić literówkę "imie" na "imię" i teraz musisz edytować cały kontener żeby to poprawić.. To moja koncepcja i na pewno jej nie zmienię ale będe wdzięczny za pomoc w rozwiązaniu tego "kejsa"

Jeśli to ma być tylko do poprawiania literówek i cały tekst nie jest wrzucony do edytora WYSIWYG, to możesz na click dla każdego elementu owijać go w <div contenteditable="true">, a po odkliknięciu usuwać ten div.