Editor de texto WYSIWYG php ckeditor modificado un poquito

Discussion in 'Programación & Programación Web' started by nax.ograf, Aug 11, 2012.

  1. nax.ograf

    nax.ograf Usuario Casual nvl. 2
    37/41

    Joined:
    Mar 24, 2009
    Messages:
    1,227
    Likes Received:
    1
    Holas hace tiempo que no aporto con nada en portalnet, ahora me estoy tirando con todo para hacer paginas web, estudie diseño gráfico, hubiera estudiado programación mejor XD.

    estuve como loco viendo algún editor de texto web para evitar darse la media vuelta para modificar o subir una actualización a tu info.

    el siguiente lo modifique para llegar y usar, hasta con su botón para enviar y que te llegue a una carpeta x lo escrito:

    primero es lo primero descarguen el editor:

    http://ckeditor.com/download

    pongan la carpeta ckeditor en su servidor, o para hacer pruebas(en simuladores server) en su carpeta de localhost. (el editor tinymce lo trate de hacer funcionar pero tinymce esta limitado a trabajar fuera de un server real) por eso preferí este que es mas amigable.

    luego de tener la carpeta en su carpeta del server: crean un archivo que diga ej: "index.php" o la wuea que sea, (ejemplo.php). (trabajo con dreamweaver)

    luego otro archivo mas con extension php que dice "recibido.php" que van a ver como trabaja este editor


    ahora les dejo para que copien y peguen

    index.php

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
    <script type="text/javascript">
    window.onload = function()
    {
    editor = CKEDITOR.replace('editor');
    CKFinder.setupCKEditor( editor, '/ckfinder/' );
    }
    </script>
    
    
    </head>
    
    
    <body>
    <form action="recibido.php" method="post">
                <label>Editor 1:</label>
    <?php
    // Include the CKEditor class.
    include_once "ckeditor/ckeditor.php";
    
    
    // Create a class instance.
    $CKEditor = new CKEditor();
    
    
    // Do not print the code directly to the browser, return it instead.
    $CKEditor->returnOutput = true;
    
    
    // Path to the CKEditor directory, ideally use an absolute path instead of a relative dir.
    //   $CKEditor->basePath = '/ckeditor/'
    // If not set, CKEditor will try to detect the correct path.
    $CKEditor->basePath = 'ckeditor/';
    
    
    // Set global configuration (will be used by all instances of CKEditor).
    $CKEditor->config['width'] = 500;
    
    
    // Change default textarea attributes.
    $CKEditor->textareaAttributes = array("cols" => 80, "rows" => 10);
    
    
    // The initial value to be displayed in the editor.
    $initialValue = '<p>Escriba aqui su mensaje sapo culiao</p>';
    
    
    // Create the first instance.
    $code = $CKEditor->editor("editor1", $initialValue);
    
    
    echo $code;
    ?>
    <p>
                <input type="submit" value="Submit"/>
      </p>
        </form>
    </body>
    </html>
    Ahora el que recibe el envio
    recibido.php

    Code:
    <?phpif ( isset( $_POST ) )
        $postArray = &$_POST ;            // 4.1.0 or later, use $_POST
    else
        $postArray = &$HTTP_POST_VARS ;    // prior to 4.1.0, use HTTP_POST_VARS
    
    
    foreach ( $postArray as $sForm => $value )
    {
        if ( get_magic_quotes_gpc() )
            $postedValue = htmlspecialchars( stripslashes( $value ) ) ;
        else
            $postedValue = htmlspecialchars( $value ) ;
    ?>
    <tr>
                <th style="horizontal-align: top, margin:auto"></th>
                <td><pre class="samples"><?php echo $postedValue?>
    <?php
    }
    ?>
                </pre></td>
            </tr>
    
    
    
    ahora si no entienden ni wuea me avisan :D les recomiendo para trabajar server en tu pc appserv o easyphp. googleen qls

    PD: alguien tiene o sabe como se hace para crear formularios de acceso: usuario y contraseña en php.
    saludos.:tezippynn2:




    Si les sirvió el post, den las gracias mrkos.
    :loca:
     
    #1 nax.ograf, Aug 11, 2012
    Last edited: Aug 11, 2012
  2. cavoso

    cavoso Usuario Casual nvl. 2
    37/41

    Joined:
    May 31, 2008
    Messages:
    2,727
    Likes Received:
    13
    socio no es por ser mala onda pero eres vastante novato en la programacion, mira te explico 2 cosas, primero el editor tinymce no es para trabajar fuera del server, en su forma de muestra esta asi pero tu puedes perfectamente colocar la direccion de un archivo, donde lo recives solo tienes que tomar el dato por post o por get dependiendo de como lo envies, ahora con respecto a tu pregunta sobre el formulario de login es tan simple como hacer un formulario cualquiera donde pides 2 datos usuario y contraceña o como tu les quieras colocar, en el archivo donde recives realizas una busqueda en tu base de datos utilizando la informacion que te entrega el usuario, ej si el usuario es pepito y su clave 1234 en tu consulta colocas que que busque a pepito y que su clave es 1234, ahora obviamente para añadir seguridad se recomienda que la clave sea encriptada, en mi caso yo la encripto con md5 y haciendo una pequeña variacion para que no sea llegar y devinar xd pero ahi va en la programacion de cada quien.

    mira te dejo el link de un tutorial de tinymce donde dice de forma basica como tiene que funcionar http://www.portalnet.cl/comunidad/papelera-informatica.481/815512-tinymce-editor-para-tu-web.html
     
    #2 cavoso, Aug 11, 2012
    Last edited: Aug 11, 2012
  3. nax.ograf

    nax.ograf Usuario Casual nvl. 2
    36/41

    Joined:
    Mar 24, 2009
    Messages:
    1,227
    Likes Received:
    1
    gracias cavoso por el dato :D en progrmación no le pego mucho con que es diseño css y jquery hago wueas bonitas, por eso no le pego mucho a eso, bueno gracias por el link saludos.
     
  4. cavoso

    cavoso Usuario Casual nvl. 2
    37/41

    Joined:
    May 31, 2008
    Messages:
    2,727
    Likes Received:
    13
    hahaha y yo estoy al reves xd hahah, pal diseño no veo ni una (no tan asi)