Jade y PHP

[johnse0828]

Hola!... Soy nuevo por aquí y de antemano pido disculpas si este tema no corresponde a esta sección. Mi problema es que empecé a usar Jade para generar mi código HTML, y a la ves estoy trabajando con CakePHP, para los que ya conocen Cake saben que éste trabaja bajo archivos con extensión *.ctp, lo cual no tengo inconveniente ya que jade me renderiza estos archivos como si fueran HTML, el inconveniente es cuando intento utilizar código PHP dentro de los archivos *.jade, me explico, si quisiera hacer un link usando Cake dentro de un archivo ctp, tendría que codear lo siguiente:

Código PHP:

  <?php
    echo $this -> Html -> link('Un link', array('controller' => 'Controlador', 'action' => 'alguna_accion'));
?>   

Lo cual se renderizaría como:

Código HTML:

<a href="Controlador/alguna_accion">Un link</a> 

Aquí es donde está el problema, como inserto el código PHP en el archivo Jade para que se renderice como debe ser?

Muchas gracias

[maycolalvarez]

no conozco jade ¿es un script de javascript?, en dado cado solo necesitas renombrarlo a *.php o con la extensión del sistema de plantillas de cake, para que sea leído por PHP y como tal por el Core de cake.

¿realmente Jade te pide que el archivo sea *.jade?

si es esto: http://en.wikipedia.org/wiki/JADE_%2...ng_language%29 me temo que es un lenguaje similar a php, por lo que no veo el porqué necesites php en tal caso

[masterpuppet]

Tengo la duda tambien de a que jade se refiere exactamente, @johnse0828 estamos hablando del template engine jade ?

[johnse0828]

Iniciado por masterpuppet

Tengo la duda tambien de a que jade se refiere exactamente, @johnse0828 estamos hablando del template engine jade ?

Hola, siento no especificar, me refiero a Jade Template Engine!

[masterpuppet]

En ese caso, no te sirven los filtros ?

Código JADE:

:php
    echo $this ->Html->link('Un link', array('controller' => 'Controlador', 'action' => 'alguna_accion'));
 

[johnse0828]

Hola, no, no sirven, el error que me arroja cuando compilo es:
Error: uknown filter ":php"

[masterpuppet]

Pregunta tonta, lo habilitaste al filtro ?, postea el código que estas utilizando.

[johnse0828]

Hola, este es el código que estoy utlizando, y como es eso de habilitar los filtros? Como lo mencioné, soy nuevo en Jade. :S

Código HTML:

li
    :php
        echo $this -> Html -> link('Link', array('controller => Controlador', 'action' => 'Accion'))

[pateketrueke]

No hace falta ningún filtro.

Al igual que Haml, Jade debe contar con modificadores para acceso a código en linea.

HAML

%p.foo= $mi_variable

JADE

p#bar= $mi_variable

[masterpuppet]

@johnse0828, yo te hablo del código que genera los templates, estas utilizando este compiler verdad ? https://github.com/everzet/jade.php

[johnse0828]

Hola, gracias por responder pateketrueke, lo siento, pero no me funciona como Haml, tienes alguna otra manera que pueda ser?.

Y masterpuppet, el que estoy utilizando es el Node Template (https://github.com/visionmedia/jade#readme), no es el compiler for PHP ya que como lo mencioné en el primer comentario, estoy trabajando sobre un Framework de PHP llamado CakePHP y no puedo utilizar el compiler de Jade.

[masterpuppet]

Haaaaa por eso no tienes el filtro que te comento :P, conozco el fw pero no se como interactúas con jade, si hablas un poco del flow talves te pueda dar una mano porque independientemente de como lo hagas el tema esta en el $this al que quieres referencias dentro de un template, y otro comentario, alguna razón en especial para utilizar jade ?

[johnse0828]

jeje... Ps la única razón es simplificar y optimizar la lectura de código del Front-End, solo que no creí que Jade me pusiera tanto lío al intentar colocar una etiqueta de PHP embebida!

[pateketrueke]

¿Entonces estás usando Jade para Javascript o Jade para PHP?

No es igual, por favor aclarate.

[johnse0828]

Hola pateketrueke, gracias por responder, es Jade para JavaScript... Y Ps lo único que necesito saber es si se puede insertar una etiqueta de php!

[pateketrueke]

Lee aquí:
http://www.forosdelweb.com/f68/trata...n-php-1028430/

[johnse0828]

Buenas noches @pateketrueke, ps bn, como ya lo he expresado anteriormente, no utilizo Jade Compiler para PHP porque el proyecto como tal lo estoy trabajando sobre CakePHP, por lo tanto, no puede combinar Jade Compiler for PHP con CakePHP, es por eso que pensé que utilizando el Node Template Engine de Jade podría diseñar mis interfaces de una manera muy clara, pero según veo, con Jade para Javascript no es posible :(.

En Jade Node Template Engine, hay un archivo js llamado filters.js qué es, creo yo, el archivo donde se generan los filtros, este archivo contiene lo siguiente

Código Javascript:

/*!
 * Jade - filters
 * Copyright(c) 2010 TJ Holowaychuk <[email protected]>
 * MIT Licensed
 */
 
module.exports = {
  
  /**
   * Wrap text with CDATA block.
   */
  
  cdata: function(str){
    return '<![CDATA[\\n' + str + '\\n]]>';
  },
  
  /**
   * Transform sass to css, wrapped in style tags.
   */
  
  sass: function(str){
    str = str.replace(/\\n/g, '\n');
    var sass = require('sass').render(str).replace(/\n/g, '\\n');
    return '<style type="text/css">' + sass + '</style>'; 
  },
  
  /**
   * Transform stylus to css, wrapped in style tags.
   */
  
  stylus: function(str, options){
    var ret;
    str = str.replace(/\\n/g, '\n');
    var stylus = require('stylus');
    stylus(str, options).render(function(err, css){
      if (err) throw err;
      ret = css.replace(/\n/g, '\\n');
    });
    return '<style type="text/css">' + ret + '</style>'; 
  },
  
  /**
   * Transform less to css, wrapped in style tags.
   */
  
  less: function(str){
    var ret;
    str = str.replace(/\\n/g, '\n');
    require('less').render(str, function(err, css){
      if (err) throw err;
      ret = '<style type="text/css">' + css.replace(/\n/g, '\\n') + '</style>';  
    });
    return ret;
  },
  
  /**
   * Transform markdown to html.
   */
  
  markdown: function(str){
    var md;
 
    // support markdown / discount
    try {
      md = require('markdown');
    } catch (err){
      try {
        md = require('discount');
      } catch (err) {
        try {
          md = require('markdown-js');
        } catch (err) {
          try {
            md = require('marked');
          } catch (err) {
            throw new
              Error('Cannot find markdown library, install markdown, discount, or marked.');
          }
        }
      }
    }
 
    str = str.replace(/\\n/g, '\n');
    return md.parse(str).replace(/\n/g, '\\n').replace(/'/g,''');
  },
  
  /**
   * Transform coffeescript to javascript.
   */
 
  coffeescript: function(str){
    var js = require('coffee-script').compile(str).replace(/\\/g, '\\\\').replace(/\n/g, '\\n');
    return '<script type="text/javascript">\\n' + js + '</script>';
  }
 
};
 

Yo agregue estas lineas pero no sé que otras modificaciones hacerle para que pueda funcionar:

Código Javascript:

/**
  * Transform php a html
  */
 
  php: function(str){
    str = str.replace(/\\n/g, '\n');
    return '<?php ' + str + ' ;?>';
  }
 

Si alguno puede ayudarme, le estaré eternamente agradecido, gracias muchachos!

[pateketrueke]

La principal pregunta aquí es, ¿que te impide no usar la versión de Jade para PHP?

Me parece que los árboles te impiden ver el bosque, sé que se puede integrar cualquier tipo de clase o librería de terceros a cualquier framework, no veo de verdad el problema.

¿O qué parte de CakePHP te dice que no es posible?

[johnse0828]

El impedimento más grande es que no sabría como hacerlo jeje, si tu conoces la manera de hacerlo, wow! Te agradeceré muchisimo!

[pateketrueke]

¿Ves ahora cual es tu verdadero problema?

Asumir que es imposible o que simplemente no eres capaz de hacer las cosas es el primero paso hacia el fracaso, te lo digo de verdad.

Lo primero que debes ir haciendo es probar de manera independiente la librería de Jade para PHP, si consigues hacerla funcionar con algunas plantillas o ejemplos ya habrás dado el primero paso correctamente.

Después de eso puedes revisar la documentación de CakePHP para integrar dicha librería y usarla libremente dentro de tu proyecto.

[johnse0828]

Vale, ps por mi el tema lo dejo abierto a ver si a alguien se le ocurre una manera de agregar los filtros de PHP para que el compilador de Jade Node Template Engine genere el código correctamente.

Los filtros que actualmente soporta Jade son para cdata, sass, less, stylus, coffee-script y markdown, y usando el instalador de paquetes de NodeJs "npm" es posible instalar cada uno de estos modulos, incluido el de php, pero no sé como hacerlo funcionar.

Gracias