Καλώς ορίσατε στο dotNETZone.gr - Σύνδεση | Εγγραφή | Βοήθεια
σε

 

Αρχική σελίδα Ιστολόγια Συζητήσεις Εκθέσεις Φωτογραφιών Αρχειοθήκες

On-line rich editor

Îåêßíçóå áðü ôï ìÝëïò George J. Capnias. Τελευταία δημοσίευση από το μέλος George J. Capnias στις 22-10-2005, 00:26. Υπάρχουν 7 απαντήσεις.
Ταξινόμηση Δημοσιεύσεων: Προηγούμενο Επόμενο
  •  20-10-2005, 20:05 6298

    Star [*] On-line rich editor

    Η μισή ευχαρίστηση κάποιου που γράφει ένα μήνυμα στο forum είναι να βγει το μήνυμα όπως εκείνος ακριβώς το θέλει να το παρουσιάσει.

    Μερικά tips επί αυτού:

    O editor έχει συμμορφωθεί πάρα πολύ, και αποφεύφει τις παλιές κακές του συναναστροφές (γκρίζα bckgrounds, μη δυνατότητα να αλλάξουμε την μορφωποίηση μερικές φορές)... Smile [:)] Είναι ο ίδιος σε όλα τα σημεία του forum, καθώς και στα Blogs και Articles. Δεν παρουσιάζει δυστροπίες, όταν καλείτε κάποιος να γράψει on-line, αλλά λόγω των φίλτρων στην HTML που υπάρχουν, δεν είναι βγαίνει πάντα το επιθυμητό αποτέλεσμα, όταν κάνουμε copy & paste HTML μορφoποιημένο κώδικα.

    Όταν όλα έχουν φτάσει στο απροχώρητο και η διαμόρφωση του κειμένου, έχει ξεφύγει από τον έλεγχό μας, επιλέγουμε το κείμενο που παρουσιάζει το πρόβλημα και χρησιμοπιώντας τη "γόμα" "Γόμα" ο editor αφαιρεί όλο το formating για εμάς. Έτσι ερχόμαστε σε ένα κείμενο που μπορούμε να μορφοποιήσουμε από την αρχή.

    Το πιο σημαντικό πράγμα που θέλει να κάνει κάποιος είναι να εισάγει κώδικα μέσα σε ένα μήνυμά του. Ο editor από μόνος του είναι σε θέση να διαμορφώσει τον κώδικα, με βάση τα 7 templates (C#, VB.NET, J#, T-SQL, .ASPX/HTML, MSIL & Javascript) που ειναι διαθέσιμα από το combo-box με την ένδειξη "Εισαγωγή Κώδικα".

    Ο πιο εύκολος τρόπος να γίνει εισαγωγή κώδικα, που θα κρατήσει και το formating του είναι, να μην μπει από πριν διαμορφωμένος σαν HTML από κάποιο τρίτο utility. Η εισαγωγή σαν, απλό κείμενο με τα tabs και τα spaces με copy & paste, η επιλογή του κειμένου του κώδικα και στη συνέχεια η επιλογή του template από το combo-box που ο χρήστης επιθυμεί να διαμορφωθεί ο κώδικας, είναι η σωστή σειρά και ο τρόπος θα φέρει τα καλύτερα αποτελέσματα.

    Ο χρήστης μπορεί να δει την τελική μορφοποίηση του κειμένου/κώδικα με το κουμπί "Προεπισκόπηση" στο κάτω μέρος της σελίδας εισαγωγής του μηνύματος. Προσοχή εδώ, η κίνηση σε Preview mode και ξανά πίσω σε Edit mode πρέπει να γίνει αποκλειστικά με την χρήση των κουμπιών "Προεπισκόπηση" και "Επιστροφή" στο κάτω μέρος της σελίδας, για να μην χαθεί το session status του μηνύματος από τον server, με συνέπεια να χαθεί το μήνυμα που έχει μόλις εισαχθεί!

    Βέβαια, κάποιος μπορεί να θέλει την εισαγωγή του μηνύματός του να γίνει σε HTML, που έχει ήδη φτιάξει από ένα άλλο πρόγραμμα. Σε αυτή την περίπτωση, συστήνεται να "γυρίσει" κάποιος τον editor από την παρουσίαση της "Σχεδίασης" σε αυτή του "Kώδικα" και να κάνει τότε copy & paste τον κώδικα που έχει έτοιμο. Τα κουμπιά "Προεπισκόπηση" και "Επιστροφή" λειτουργούν και από αυτή την κατάσταση του editor χωρίς πρόβλημα.

    Πολλά και "όμορφα" μηνύματα σε όλους!

     

    George J.

     


    George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας
    w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias
    dotNETZone.gr News
  •  20-10-2005, 22:58 6301 σε απάντηση της 6298

    Απ: On-line rich editor

    Καλησπέρα,
    Είμαι σχετικά νέο μέλος στο DNZ και το μοναδικό (πραγματικό) πρόβλημα που έχω αντιμετωπίσει είναι στο posting κώδικα. Θα αναφέρω λίγο το τι έχω αντιμετωπίσει για να δούμε αν το παθαίνουν κι άλλοι, ή για να βρεθεί μια λύση.
    Ακολουθώντας την διαδικασία που αναφέρθηκε για το posting κώδικα παρατήρησα ότι συνέβαινε το εξής. Κάνοντας copy και paste από το VS, μορφοποιώντας ως C# και πατώντας το "Προεπισκόπηση" πάντοτε παρατηρούσα ότι έμπαιναν ενδιάμεσες κενές γραμμές στον κώδικα που είχα κάνει paste. Κάνοντας πάλι "Επιστροφή" σε Edit mode δεν τις έβλεπα πουθενά. Ακόμα και γυρνώντας τον editor σε παρουσίαση "Κώδικα" δεν κατάφερνα να λύσω το πρόβλημα και αναγκαζόμουν να κάνω post ως είχε (που όντως δεν είναι όμορφο). Αυτά πάντοτε χρησιμοποιώντας Firefox. Θεωρούσα ότι είναι κάποιο γνωστό θέμα ή ότι απλά έτσι ήταν. Με αφορμή όμως το παραπάνω post έψαξα λίγο παραπάνω τι συμβαίνει και βρήκα τα εξής :
    • Όταν χρησιμοποιώ IE και κάνω copy paste από το VS τότε όντως εμφανίζεται όχι μόνο να αφήνει μόνο του κενές γραμμές, αλλά να κάνει και αυτόματο formatting πριν επιλέξω το "Εισαγωγή Κώδικα" (δεν το είχα παρατηρήσει ποτέ γιατί εν γένει χρησιμοποιούσα FireFox). Επιλέγοντας προβολή "Κώδικα" είδα ότι βάζει παραγράφους fonts και χίλια δυο άλλα Sad [:(]. Προφανώς αυτή η δυνατότητα παρέχεται ως συνεργασία μεταξύ VS και IE (τι άλλο θα δούμε). Η λύση που βρήκα για αυτό είναι ότι αν κάνω copy-paste στο Notepad και μετά στον editor τότε όλα πάνε μια χαρά...
    • Στον Firefox ακόμα δεν έχω καταφέρει να βρω λύση. Δοκίμασα και το copy-paste από Notepad και την κατάργηση της μορφοποίησης μέσω του editor. Μέχρι και Ultrex του έβαλα Smile [:)]. Δεν γίνεται τίποτα...
    Δοκιμάστε το κι εσείς και πείτε μου... Αν δουλεύει κανονικά στους υπόλοιπους να το ψάξω...


    Στερνή μου γνώση να σε είχα πρώτα...
  •  21-10-2005, 02:13 6302 σε απάντηση της 6301

    Απ: On-line rich editor

     kkara wrote:
    Δοκιμάστε το κι εσείς και πείτε μου... Αν δουλεύει κανονικά στους υπόλοιπους να το ψάξω...

    Ο ένοχος administrator δεν είχε κάνει πλήρη τεστ με τον FireFox. Smile [:)] Το πρόβλημα με τον FireFox αποκαταστάθηκε, δεν πρέπει να σου βγάζει κενές γραμμές ενδιάμεσα στις γραμμές κώδικα πλέον!

     

    George J.

     


    George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας
    w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias
    dotNETZone.gr News
  •  21-10-2005, 09:46 6306 σε απάντηση της 6302

    Confused [8-)] Απ: On-line rich editor

    Χμμμμ Huh? [:^)], με μια γρήγορη δοκιμή δεν το κατάφερα να παίξει σωστά... Εξακολουθεί να αφήνει κενά... Μήπως φταίει που έχω ακόμα τον Firefox 1.06; Θα κατεβάσω και τον πιο φρέσκο και θα ξαναδοκιμάσω...


    Στερνή μου γνώση να σε είχα πρώτα...
  •  21-10-2005, 15:29 6319 σε απάντηση της 6306

    Απ: On-line rich editor

    Εγώ, όταν πρόκειται για μεγάλα post με αρκετό κώδικα, τα γράφω στο Word, κάνω copy/paste από το VS στο Word και μετά όλα μαζί στο rixh editor... Παίζει μια χαρά...


    Vir prudens non contra ventum mingit
  •  21-10-2005, 15:42 6321 σε απάντηση της 6319

    Απ: On-line rich editor

    Στον IE όντως παίζει μια χαρά με αυτό τον τρόπο (αν και αν κοιτάξεις τον HTML κώδικα που παράγει θα διασκεδάσεις αρκετά Smile [:)]). Στον Firefox όμως πάντα αφήνει τις επιπλέον γραμμές (οι οποίες διαπιστώνω ότι δεν είναι γραμμές, αλλά κενά μεταξύ παραγράφων <p></p> που ο ΙΕ δεν αφήνει Sad [:(]).

    Στερνή μου γνώση να σε είχα πρώτα...
  •  21-10-2005, 17:02 6331 σε απάντηση της 6321

    Απ: On-line rich editor

     kkara wrote:
    Στον IE όντως παίζει μια χαρά με αυτό τον τρόπο (αν και αν κοιτάξεις τον HTML κώδικα που παράγει θα διασκεδάσεις αρκετά Smile [:)]). Στον Firefox όμως πάντα αφήνει τις επιπλέον γραμμές (οι οποίες διαπιστώνω ότι δεν είναι γραμμές, αλλά κενά μεταξύ παραγράφων <p></p> που ο ΙΕ δεν αφήνει Sad [:(]).


    Ο παρακάτων κώδικας είναι κατευθείαν copy & paste από VS2003 σε FireFox v1.07. Το rendering των χρωμάτων το κάνει ο on-line rich editor.

    using System;
    using System.Drawing;
    using System.Collections;
    using System.ComponentModel;
    using System.Windows.Forms;
    using System.Data;

    namespace WindowsApplication2
    {
        /// <summary>
        /// Summary description for frmMain.
        /// </summary>
        public class frmMain : System.Windows.Forms.Form
        {
            private System.Windows.Forms.Button btnRun;
            /// <summary>
            /// Required designer variable.
            /// </summary>
            private System.ComponentModel.Container components = null;

            public frmMain()
            {
                //
                // Required for Windows Form Designer support
                //
                InitializeComponent();

                //
                // TODO: Add any constructor code after InitializeComponent call
                //
            }

            /// <summary>
            /// Clean up any resources being used.
            /// </summary>
            protected override void Dispose( bool disposing )
            {
                if( disposing )
                {
                    if (components != null)
                    {
                        components.Dispose();
                    }
                }
                base.Dispose( disposing );
            }

            #region Windows Form Designer generated code
            /// <summary>
            /// Required method for Designer support - do not modify
            /// the contents of this method with the code editor.
            /// </summary>
            private void InitializeComponent()
            {
                this.btnRun = new System.Windows.Forms.Button();
                this.SuspendLayout();
                //
                // btnRun
                //
               
    this.btnRun.Anchor =
    ((System.Windows.Forms.AnchorStyles)((System.Windows.Forms.AnchorStyles.Top
    | System.Windows.Forms.AnchorStyles.Right)));
                this.btnRun.Location = new System.Drawing.Point(216, 8);
                this.btnRun.Name = "btnRun";
                this.btnRun.Size = new System.Drawing.Size(72, 24);
                this.btnRun.TabIndex = 0;
                this.btnRun.Text = "Click Me!";
                this.btnRun.Click += new System.EventHandler(this.btnRun_Click);
                //
                // frmMain
                //
                this.AutoScaleBaseSize = new System.Drawing.Size(5, 13);
                this.ClientSize = new System.Drawing.Size(292, 273);
                this.Controls.Add(this.btnRun);
                this.Name = "frmMain";
                this.Text = "Main Form";
                this.ResumeLayout(false);

            }
            #endregion

            /// <summary>
            /// The main entry point for the application.
            /// </summary>
            [STAThread]
            static void Main()
            {
                Application.Run(new frmMain());
            }

            private void btnRun_Click(object sender, System.EventArgs e)
            {
                if (sender == null || e == null)
                {
                    return;
                }
         
            }
        }
    }


    George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας
    w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias
    dotNETZone.gr News
  •  22-10-2005, 00:26 6343 σε απάντηση της 6331

    Απ: On-line rich editor

    Μετά από υπόδειξη του zeon, λύθηκε και ένα πρόβλημα που υπήρχε με το preview των Blog Posts.

     

    George J.

     


    George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας
    w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias
    dotNETZone.gr News
Προβολή Τροφοδοσίας RSS με μορφή XML
Με χρήση του Community Server (Commercial Edition), από την Telligent Systems