Yahoo! User Interface Blog (YUIBlog)

Γράφοντας ένα πρόγραμμα επεξεργασίας WYSIWYG Wiki με Yui και Δισκοπότηρα

Μία από τις προκλήσεις που αντιμετωπίζουν στη δημιουργία και την ανάπτυξη του Rich Κειμενογράφοι είναι ο αριθμός των markup μορφές που μπορεί να χρειαστείτε την υποστήριξη από την πλευρά της παραγωγής - που κυμαίνονται από HTML σε κείμενο Wiki στιλ σε καθαρά ιδιότυπο στυλ σήμανσης. Dav εργάστηκαν σκληρά για την Yui επεξεργαστής εμπλουτισμένου κειμένου για να κάνει μετασχηματισμούς έξοδο όσο το δυνατό απλούστερη. (Αν κάνετε Yui RTE δουλειά και δεν έχω δει intro βίντεο Dav προς το στοιχείο, μπορείτε να το ελέγξετε έξω εδώ .)

Glen Smith από Καμπέρα κοινόχρηστο κάποια antipodean Yui καλοσύνη σήμερα με ένα γρήγορο tutorial για τη χρήση του Yui RTE για επεξεργασία κειμένου Wiki . Έχει γίνει χρήση της Δισκοπότηρα Yui Plugin , ανάμειξη σε λίγο κλωστοϋφαντουργίας-j , και πήρε κάτι που εργάζονται αρκετά καλά για την έκδοση 1:

Βγάζει η συνταγή για την κατασκευή όλων αυτών των εργασιών είναι αρκετά straighforward:

• Κατά τη μετάβαση από Wiki markup σε HTML, κάντε μια κλήση Ajax σε backend ελεγκτή Δισκοπότηρα που χρησιμοποιεί κλωστοϋφαντουργίας-j για να μετατρέψει από υφαντικές σήμανσης σε HTML. Οι ζωοτροφές που τα αποτέλεσμα της πρόσκλησης AJAX στη Yui επεξεργαστής εμπλουτισμένου και είστε στην επιχείρηση.
• Για να υποστηρίξει τη μετάβαση από εμπλουτισμένο σε Υφάσματα, κάνει και πάλι μια κλήση Ajax πίσω στον ελεγκτή Δισκοπότηρα την κάνει τη μετατροπή. Αυτή τη φορά είστε μόνοι σας σε regexp γη, αλλά μπορείτε να τακτοποιήσετε την ποσότητα της εργασίας που έχετε να κάνετε με αυτό που εκτίθεται στο Rich editor. Επιστροφή στα αποτελέσματα και την ένεση στο Wiki textarea.
• Για να πάρετε την υποκείμενη HTML από τον επεξεργαστή απλά χρησιμοποιήστε myEditor.getEditorHTML() . Φοβερό!

Για περισσότερα, ελέγξτε Glen για το blog και τα συνοδευτικά ταινία QuickTime .

Εύρεση συζητήσεις: Bloglines | technorati

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!