Todo lo que el usuario escriba, podrá ser almacenado en un campo de nuestras tablas SQL. Normalmente un campo tipo <text>. Te muestro cómo implementarlo, y algunos trucos para que su apariencia vaya con el “look & feel” de tu site, y su funcionalidad acorde con el perfil de quien lo usa.

Yo soy fiel a FCKEditor, sólo que a partir de la versión 3.0 ha cambiado su nombre a CKEditor, un desarrollo “cross-browser” que admite ser implementado en cualquier página (html, asp, php, cfm).

Te cuento paso por paso como lo suelo implementar.

1. Crea una carpeta llamada ckeditor en la raíz de tu servidor.
2. Descarga el ZIP del programa, y lo descomprimes en la carpeta ckeditor.
3. Crea una página prueba (asp, php, htm, o cfm) e incluye el código:

<form action=”proceso.php” method=”post”>
<script type=”text/javascript” src=”/ckeditor/ckeditor.js”></script>
<textarea cols=”80″ id=”editor” name=”texto” rows=”10″>Aquí va el texto</textarea>
<input type=”submit” value=”enviar”>
</form>

Cuando cargues en tu browser la página, verás que el editor aparece con todos sus botones y opciones. Si pulsas el botón de envío, el html será enviado vía post en la variable <texto> a la página proceso.php, donde haremos con él lo que deseemos.

Podemos cambiar muchas cosas de nuestro editor añadiendo parámetros al archivo  /ckeditor/config.js.

// Ejemplo de config.js

CKEDITOR.editorConfig = function( config )
{

config.language = ‘es’;
config.uiColor = ‘#efefde’;
config.skin = ‘v2′;
config.enterMode = CKEDITOR.ENTER_BR;
config.colorButton_colors = ’4A5A73,c54747,00773d,555555′;
config.height        = ’300px’;
config.width        = ’800px’;
config.toolbar_Full = [

['Save','Preview','Print'],
['Cut','Copy','Paste','PasteText'],
['Undo','Redo','SelectAll','RemoveFormat'],
['Bold','Italic','Underline'],
['NumberedList','BulletedList','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink'],
['Image','Flash','HorizontalRule','TextColor','Maximize']

];
};

En la primera línea hemos definido el lenguaje por defecto; después el color predominante del editor; a continuación el skin (la pinta que tiene) ; depués hemos indicado que la tecla <enter> realice un simple salto de línea; luego le hemos dicho, que el usuario que decida colorear texto, sólo lo hará con cuatro colores predeterminados, el editor tendrá un tamaño de 300x800px y por último, hemos decidido qué botones aparecerán en la barra de herramientas del editor.

Si dejásemos esto así, en cualquier página que incluyamos el editor, aparecerá con las mismas opciones, botones y skin. Puede darse el caso, de que deseemos usar configuraciones diferentes, para páginas o sites diferentes, o según el perfil del usuario. Cómo lo hacemos… ?

Crea en la carpeta /ckeditor, tantos archivos de configuración como desees (puedes nombrarlos como quieras):

config-usuario.js
config-admini.js
config-frances.js
etc…

Ahora, cuando creas la instancia para llamar al editor, le indicarás que archivo de configuración deseas usar:

<script type=”text/javascript” src=”/ckeditor/ckeditor.js”></script>
<textarea cols=”80″ id=”editor1″ name=”texto” rows=”10″>Aquí va el texo</textarea>
<script type=”text/javascript”>
CKEDITOR.config.customConfig = ‘/ckeditor/config-frances.js’;
CKEDITOR.config.height        = ’400px’;
CKEDITOR.config.width        = ’100%’;
</script>

En este caso hemos creado una instancia con ancho del 100% y 400px de alto, usando como archivo de configuración /ckeditor/config-frances.js

Para poner más de un editor (es decir, crear dos o más instancias) en la misma página, haremos lo siguiente:

<form action=”proceso.php” method=”post”>
<script type=”text/javascript” src=”/ckeditor/ckeditor.js”></script>

<textarea cols=”80″ id=”editor1” name=”texto1″ rows=”10″>Aquí va el texto1</textarea>
<textarea cols=”80″ id=”editor2” name=”texto2″ rows=”10″>Aquí va el texto2</textarea>

<script type=”text/javascript”>
CKEDITOR.replace( ‘editor1′,  {skin : ‘office2003′, width: ’300px’ });
CKEDITOR.replace( ‘editor2′, { config.customConfig : ‘/ckeditor/config-frances.js’, width: ’100%’ });
</script>

<input type=”submit” value=”enviar”>
</form>

El primero de ellos editor1 tendrá el skin de office2003 y un ancho de 300px, mientras que editor2 tendrá un ancho de 100% y cargará su configuración de config-frances.js.

Espero todo esto te haya servido de algo. La verdad es que sus posibilidades son enormes. Por cierto, te dejo la configuración completa de la barra de herramientas con todos los botones:

config.toolbar_Full = [
['Source','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
‘/’,
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
‘/’,
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','About']
];

Te dejo unos enlaces relativos al editor:

• CKEditor Demo
• CKEditor descarga
• CKEditor 3.0 JavaScript API Documentation

Más adelante intentaré escribir algo sobre los “skins” y los “plug-in” de este maravilloso componente.

// This is actually the default value.
config.toolbar_Full =
[
    ['Source','-','Save','NewPage','Preview','-','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
    '/',
    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
    '/',
    ['Styles','Format','Font','FontSize'],
    ['TextColor','BGColor'],
    ['Maximize', 'ShowBlocks','-','About']
];

• Saber lo que es un ataque por SQL Inyection
• Herramientas para prevenirlo en IIS: URLScan y SQL Injection Sanitation
• Código ASP a incluir para prevenirlo

Te dejo también una auténtica joyita de uno de los ataques que sufrí el mes pasado. Corresponde al código que intentaron inyectarme. Una vez hayas estudiado los enlaces de arriba, comprenderás la gravedad del tema.

1. Tengo una carpeta temporal en el servidor web con acceso de escritura.
   Llamémosla E:\doc\temporal
2. Usando por ejemplo el componente de Persist ASPUPLOAD cargo la imagen a la carpeta.
   Llámemos a la imagen imagen.jpg.
3. Ahora verificamos el tamaño y peso de la siguiente forma:

Peso del Archivo

<%
Set objFile = objFSO.GetFile(e:\doc\temporal\imagen.jpg)
tam = objFile.Size
‘ en la variable tam almacenamos el tamaño en bytes del archivo y hacemos lo que queramos.
%>

Dimensiones de la imagen

<%
Set MyImg = LoadPicture(e:\doc\temporal\imagen.jpg)
ancho = round(MyImg.width / 26.4583)
alto = round(MyImg.height / 26.4583)
‘ en las variables ancho y alto almacenamos el tamaño y hacemos lo que queramos.
%>

Lo pruebo todo y os cuento…

<script type="text/javascript">
window.onbeforeunload = function() {
var warning = "Se cerrará esta ventana";
alert(warning); window.opener.location = 'pagina.php'
};
</script>

Como te puedes imaginar, pagina.php ejecuta en la ventana padre todo lo requerido. Pues bien, en Firefox, IE , Safari y Chrome funciona de maravilla, pero en Opera no había manera de que funcionase, por lo visto el evento onbeforeunload, no está soportado. Si se te ocurre alguna idea, pues bien recibida será, por aquello de ser cross-browser.

Alguien me habló de que FastCGI, aumentaba el rendimiento de PHP sobre IIS frente al clásico CGI. Además, otro colegilla me dijo que las últimas versiones de PHP, se integraban muy bien, incluso a nivel de asistente de instalación. Así que hice esto:

1. Me descargué FastCGI para IIS6 (versión x86 de 32bits).
2. Me descargué el PHP para Windows (versión x86 Thread Safe).
3. Instalé FastCGI y después PHP, que un momento de la instalación te pregunta si quieres usarlo con FastCGI.

Se integraron perfectamente. Después y puesto que usamos SQL Server como soporte de BD, hubo que configurar PHP para que pudiera acceder a los datos directamente desde las páginas, sin necesidad de poner un nuevo ODBC en el servidor.

1. La libreria php_mssql.dll fue situada en la carpeta /php/ext.
   Ojo !!! esta librería no venía en la versión x86 que me descargué, así que tuve que descargar PHP 5.2.11 zip package (windows binaries) desde  PHP.net  para poderla extraer.
2. Editar el PHP.ini que me lo dejó en la carpeta /php.
3. Buscar al final del fichero donde se encuentran las extensiones de acceso a datos y añadir la línea:

[PHP_MSSQL]
extension=php_mssql.dll

para probar hice una sencilla página php:

<?php
echo “Pruebas”
$conectID = mssql_connect(“server”,”user”,”password”);
mssql_select_db(“BasedeDatos”);
$result=mssql_query(“select Id from Tabla”);if ($result) {echo “true”;}else{echo “false”;}
mssql_close($conectID);
?>

Y todo salió bien… bueno, después del cambio del PHP.ini hubo que reiniar el servicio web !!

1. Entra en el administrador del servicios de IIS
2. Sitúate en la carpeta Sitios Web - Botón derecho – Propiedades
3. Pestaña Encabezados HTTP- Botón Tipos MIME
4. Botón Nuevo – Extensión (la que sea p.e. .pptx)
5. Rellena el Tipo Mime… No me los se de memoria, pero aquí tienes una lista
6. Botón Aplicar

Verás que a partir de entonces, podrás descargar los ficheros alojados en tu servidor con la extensión que has dado de alta.

Se trata de que todo el correo que le llegue a ernie@boos.com le sea redirigido de forma automática a ernie@acme.com.Con lo poco que se de exchange y tras googlear un rato, hice lo siguiente:

1. Acceder al administrador de usuarios del a través de una consola Exchange.
2. Crear un nuevo contacto. Acción – Nuevo – Contacto.
3. Cuando pregunte si crea una nueva dirección exchange, decir que si y darle al botón Modificar.
4. Elegir el tipo SMTP y poner como email ernie@acme.com y dar todo for finalizado.
   
5. Como en la empresa Boos, el amigo Ernie tiene una cuenta, accedemos a ella y le damos a Propiedades.
6. Vamos a la pestaña Opciones Generales de Exchange - Opciones de Entrega.
7. Marcar  Reenviar a… y seleccionar el contacto que creamos en el punto 2.

No se si os puede ayudar pero Ernie ya recibe sus correos de Boos en su buzón de Acme.

En cristiano: Lo quería mi amigo Miguelón, era guardar las claves de usuarios en una tabla SQL, pero de forma encriptada y no visible, según nos obliga la LOPD. Resulta que yo ya tenía la rutina (que encontré googleando claro), gracias a que la necesité para hacer una llamada a un TPV virtual, pasando el campo de firma encriptado en SH1.

Si deseas encriptar valores (como por ejemplo passwords) de forma unívoca usando los métodos MD5 ó SH1, aquí te dejo un enlace a Paj’s Home, donde puedes ver el uso del script y otro para su descarga directa.

Si te fias de mi sigue estas instrucciones:

• Descarga sha.asp.zip
• Descomprime el fichero en una carpeta de tu web
• En la página donde quieras calcular el dato encriptado, añade la línea:

<!–#include file=”sha.asp”–>

• Ahora, en la misma página, puedes poner:

<%
hash1 = hex_sha1( “pepepotamo”)
hash2 = b64_sha1(“pepepotamo”)
response.write hash1 & “<br>” & hash2
%>

Verás que los variables hash1 y hash2 son los valores de “pepepotamo” encritado en hexadecimal y base64 según el algoritmo SHA1.

Si quieres hacer un buen query en SQL para que te busque una cadena dentro de un campo de una tabla SQL, sin pensar si te ponen o no acentos:

Select * From nombre_tabla where nombre_campo like '%din[aá]mico%'

Esto hará que escriba como escriba el tipo la expresión de búsqueda, tu query la encontrará. El resto del trabajo es cosa tuya. Debes crear una función o rutina que cambie las vocales de la expresión de búsqueda por [aá] [eé] … [uú]… etc.