2011-06-30 6 views
40

Mam edytor wiadomości dla mojej witryny, z której używam TinyMCE. To, co chciałbym móc zrobić, to mieć przycisk (poza samym edytorem TinyMCE), który mogę kliknąć, aby zeskanować obszar tekstowy dla dowolnego obrazu, a następnie wymienić te obrazy jako opcje, które można wykorzystać do miniaturowego obrazu wspomnianego artykułu.Uzyskiwanie wartości z textarea TinyMCE

Na pomysł co mam na myśli, proszę zobaczyć ten link tutaj. https://docs.google.com/leaf?id=0B05m73kzudwPNzUwZjkyNmItYjZkMy00NTdlLTlkNDctOGRhYThjMzNjNTM5&hl=en_US

Moim problemem jest to, że document.getElementById („NewsArticle”) wartość nie zwraca nic, gdy nie jest to tekst w textarea

Drugi potencjalny problem polega na tym, że to, co widać w tekście, nie jest rzeczywistym kodem, ale także obrazami itp., Więc nie byłem pewien, czy to będzie działało, ale od kiedy formularz zostanie przesłany [Wiadomości] [ artykuł] wartość powraca do tekstu, myślałem, że może być szansa.

Jeśli ktoś wie jak dostać albo treści lub kod textarea TinyMCE lub ma lepsze rozwiązanie, byłbym zainteresowany, aby usłyszeć

Odpowiedz

109

TinyMCE ma an api dostępu do treści z edytora.

Ten kod chwycić HTML aktywnego edytora:

// Get the HTML contents of the currently active editor 
tinyMCE.activeEditor.getContent(); 

// Get the raw contents of the currently active editor 
tinyMCE.activeEditor.getContent({format : 'raw'}); 

// Get content of a specific editor: 
tinyMCE.get('content id').getContent() 
+0

Dziękuję tak dużo, myślałem, że musi być jakiś sposób! – Sanfly

+0

dzięki .. jej potrzeba – KingRider

+0

dziękuję, działało dobrze. –

3

Spróbuj

window.parent.tinymce.get('contentID').getContent(); 

Z jakiegoś powodu, czas standardzie tinymce.get() wywołanie nie działa dla mnie, więc próbowałem to i to działa. :)

+0

Dziękuję bardzo. Zmagałem się z wieloma redaktorami i twój kod działał naprawdę dobrze! –

+0

Nie ma za co. Cieszę się, że to zadziałało dla ciebie. :) – XtraSimplicity

1
var temp = tinymce.get('textAreaName').save(); 
console.log(temp); 

LUB

var temp =tinymce.get('textAreaName').getContent(); 
console.log(temp); 
3

Zastosowanie poniżej składni, który usunie niechciany znak z textarea wejściowych ....

(((tinyMCE.get('YourTextAreaId').getContent()).replace(/(&nbsp;)*/g, "")).replace(/(<p>)*/g, "")).replace(/<(\/)?p[^>]*>/g, ""); 
+0

Zawinęłabym to w funkcję i przekazałbym tekst, ale +1 za wysiłek. –