Εισαγωγή κειμένου σε RTE editor

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
kapoios001
Δημοσιεύσεις: 403
Εγγραφή: 17 Φεβ 2011 12:26

Εισαγωγή κειμένου σε RTE editor

Δημοσίευση από kapoios001 » 17 Αύγ 2011 05:27

Γεια σας,

Αν υποθέσουμε ότι έχουμε αυτόν τον editor και θέλουμε να κάνουμε ένα κουμπί μέσα στο document (όχι εκεί που είναι τα bold, italic κουμπιά), που να του δίνει την εντολή να προσθέτει κάποιο συγκεκριμένο κείμενο πώς θα το κάναμε;

Με τους "απλούς" τρόπους δηλαδή να πάρω με το val() ή το html() της jquery δεν δούλεψε.

Το έψαξα λίγο και σκέφτηκα ότι λογικά πρέπει να δημιουργήσω ένα function μέσα στο jquery.rte.js που να προσθέτει το περιεχόμενο μέσα στο textarea.

Έκανα πάρα πολλές δοκιμές και τίποτα δεν λειτούργησε.

Δοκίμασα αυτό το function:

Κώδικας: Επιλογή όλων

function addText( input, insText ) {
 input.focus();
 if( input.createTextRange ) {
   document.selection.createRange().text += insText;
 } else if( input.setSelectionRange ) {
   var len = input.selectionEnd;
   input.value = input.value.substr( 0, len )
     + insText + input.value.substr( len );
   input.setSelectionRange(len+insText.length,len+insText.length);
 } else { input.value += insText; }
}
αλλά δουλεύει μόνο για απλά fields όχι για εκείνο το textarea του rte editor.

Αν κάποιος γνωρίζει τον τρόπο ή έχει κάτι να προτείνει θα με βοηθούσε πολύ.

Ευχαριστώ!

gvre
Δημοσιεύσεις: 990
Εγγραφή: 14 Οκτ 2010 11:34
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

Εισαγωγή κειμένου σε RTE editor

Δημοσίευση από gvre » 17 Αύγ 2011 11:19

Δε νομίζω ο συγκεκριμένος editor να υποστηρίζει κάτι τέτοιο. Αν θέλεις να το κάνεις με τον TinyMCE, ρίξε μια ματιά στη setContent.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6234
Εγγραφή: 30 Νοέμ 2004 03:09

Εισαγωγή κειμένου σε RTE editor

Δημοσίευση από fafos » 17 Αύγ 2011 14:45

o editor dhmiourgei ena iframe to opoio shmainei oti trexei mia pseudoselida h opoia exei ena body.. prepei na doseis mesa se auto to body to keimeno pou thes... me jquery:

Κώδικας: Επιλογή όλων

//kapoio button
<input type="button" name="test" id="test" value="test">

//jquery kodikas

    <script type="text/javascript"> 
	$&#40;document&#41;.ready&#40;function &#40;&#41; &#123;
      
	$&#40;"#test"&#41;.click&#40;function &#40;&#41; &#123; 	
	  $&#40;'#id_description'&#41;.contents&#40;&#41;.find&#40;'body'&#41;.append&#40;'fafo thee pare thn pae'&#41;
	 
	     &#125;&#41;;
	&#125;&#41;;		
		
    </script>

to sygkekrimeno tha prosthesei to periexomeno tou append sto texarea tou editor me id= id_description.. mporeis vevea na paixeis me opoia entolh ths jquery thes..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

kapoios001
Δημοσιεύσεις: 403
Εγγραφή: 17 Φεβ 2011 12:26

Εισαγωγή κειμένου σε RTE editor

Δημοσίευση από kapoios001 » 22 Αύγ 2011 20:06

Thanks για τις απαντήσεις αλλά επειδή δεν με βόλευε ο TinyMCE στη συγκεκριμένη περίπτωση το υλοποίησα κάπως διαφορετικά.

Δηλαδή ανεβάζεις φωτογραφίες και επιλέγεις ποια θες να εμφανίζεται top αριστερά στο κείμενο και οι υπόλοιπες εμφανίζονται κάτω από το κείμενο.

fafo ωραίο το append χε χε

Να 'στε καλά ευχαριστώ!

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης