dotNetZone.gr

Απ: On-line rich editor

George J. Capnias — Sat, 22 Oct 2005 07:26:18 GMT

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

George J.

Απ: On-line rich editor

George J. Capnias — Sat, 22 Oct 2005 00:02:44 GMT

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

Ο παρακάτων κώδικας είναι κατευθείαν 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;
            }

        }
    }
}

Απ: On-line rich editor

kkara — Fri, 21 Oct 2005 22:42:01 GMT

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

Απ: On-line rich editor

KelMan — Fri, 21 Oct 2005 22:29:06 GMT

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

Απ: On-line rich editor

kkara — Fri, 21 Oct 2005 16:46:58 GMT

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

Απ: On-line rich editor

George J. Capnias — Fri, 21 Oct 2005 09:13:39 GMT

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

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

George J.

Απ: On-line rich editor

kkara — Fri, 21 Oct 2005 05:58:31 GMT

Καλησπέρα,
Είμαι σχετικά νέο μέλος στο DNZ και το μοναδικό (πραγματικό) πρόβλημα που έχω αντιμετωπίσει είναι στο posting κώδικα. Θα αναφέρω λίγο το τι έχω αντιμετωπίσει για να δούμε αν το παθαίνουν κι άλλοι, ή για να βρεθεί μια λύση.
Ακολουθώντας την διαδικασία που αναφέρθηκε για το posting κώδικα παρατήρησα ότι συνέβαινε το εξής. Κάνοντας copy και paste από το VS, μορφοποιώντας ως C# και πατώντας το "Προεπισκόπηση" πάντοτε παρατηρούσα ότι έμπαιναν ενδιάμεσες κενές γραμμές στον κώδικα που είχα κάνει paste. Κάνοντας πάλι "Επιστροφή" σε Edit mode δεν τις έβλεπα πουθενά. Ακόμα και γυρνώντας τον editor σε παρουσίαση "Κώδικα" δεν κατάφερνα να λύσω το πρόβλημα και αναγκαζόμουν να κάνω post ως είχε (που όντως δεν είναι όμορφο). Αυτά πάντοτε χρησιμοποιώντας Firefox. Θεωρούσα ότι είναι κάποιο γνωστό θέμα ή ότι απλά έτσι ήταν. Με αφορμή όμως το παραπάνω post έψαξα λίγο παραπάνω τι συμβαίνει και βρήκα τα εξής :

Όταν χρησιμοποιώ IE και κάνω copy paste από το VS τότε όντως εμφανίζεται όχι μόνο να αφήνει μόνο του κενές γραμμές, αλλά να κάνει και αυτόματο formatting πριν επιλέξω το "Εισαγωγή Κώδικα" (δεν το είχα παρατηρήσει ποτέ γιατί εν γένει χρησιμοποιούσα FireFox). Επιλέγοντας προβολή "Κώδικα" είδα ότι βάζει παραγράφους fonts και χίλια δυο άλλα . Προφανώς αυτή η δυνατότητα παρέχεται ως συνεργασία μεταξύ VS και IE (τι άλλο θα δούμε). Η λύση που βρήκα για αυτό είναι ότι αν κάνω copy-paste στο Notepad και μετά στον editor τότε όλα πάνε μια χαρά...
Στον Firefox ακόμα δεν έχω καταφέρει να βρω λύση. Δοκίμασα και το copy-paste από Notepad και την κατάργηση της μορφοποίησης μέσω του editor. Μέχρι και Ultrex του έβαλα . Δεν γίνεται τίποτα...

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

On-line rich editor

George J. Capnias — Fri, 21 Oct 2005 03:05:22 GMT

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

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

O editor έχει συμμορφωθεί πάρα πολύ, και αποφεύφει τις παλιές κακές του συναναστροφές (γκρίζα bckgrounds, μη δυνατότητα να αλλάξουμε την μορφωποίηση μερικές φορές)... Είναι ο ίδιος σε όλα τα σημεία του 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.