Comment changer le délimiteur par défaut de Handlebars.js?

J'ai besoin d'utiliser handlebars.js et j'ai aussi utiliser de Lame moteur de template de Laravel (Framework PHP). Les balises {{}} en conflit avec la lame d'espaces réservés qui sont exactement les mêmes.

Comment puis-je changer ces {{var}} à quelque chose comme <% var %> ?

source d'informationauteur George D. | 2013-01-14

  1. 4

    Ce n'est pas possible avec "standard" Guidon. https://github.com/wycats/handlebars.js/issues/227

  2. 27

    Bien qu'il peut être vrai que vous ne pouvez pas configurer le Guidon' délimiteurs d'expression, ce n'est pas la seule façon de résoudre le conflit entre le Guidon et la Lame. La lame de la syntaxe qui permet d'éviter le conflit en désignant ce qui devrait être répercutée sur le Guidon. (Cela est approprié, car la Lame a créé le conflit pour commencer, et il est nécessaire, puisque la Lame est en cours de traitement le modèle avant de Guidon voit jamais.) Simplement précéder @ avant les accolades que vous voulez de la Lame de l'ignorer et de passer est-à - de Guidon. Voici un très court extrait de un beaucoup plus grand exemple:

    ...
    <link
        
        type="text/css"
        href="{{ asset("css/bootstrap.theme.3.0.0.css") }}"
    />
    <title>Laravel 4 Chat</title>
</head>
<body>
    <script type="text/x-handlebars">
        @{{outlet}}
    </script>
...

    {{outlet}} sera transmis à Guidon, mais {{ asset("css/bootstrap.theme.3.0.0.css") }} seront traitées par la Lame.

  3. 5

    Au lieu de changer les délimiteurs vous pouvez créer des fichiers avec votre guidon modèles sans le .blade extension. Il suffit d'inclure ces fichiers dans votre lame de modèle. E. g

    Lame Fichier de Modèle - template.blade.php

    @extends('master.template')

@section('content')

    @include('handlebars-templates/some-template-name') 

@stop

    quelques-modèle de nom de Fichier some-template-name.php

    <script type="text/x-handlebars" data-template-name="content">
<div>
 <label>Name:</label>
 {{input type="text" value=name placeholder="Enter your name"}}
</div>
<div class="text">
<h1>My name is {{name}} and I want to learn Ember!</h1>
</div>
</script>
  4. 4

    J'ai fait cette fonction.
    Espérons qu'il pourrait être utile pour quelqu'un..

    /**
* change the delimiter tags of Handlebars
* @author Francesco Delacqua
* @param string start a single character for the starting delimiter tag
* @param string end a single character for the ending delimiter tag
*/
Handlebars.setDelimiter = function(start,end){
    //save a reference to the original compile function
    if(!Handlebars.original_compile) Handlebars.original_compile = Handlebars.compile;

    Handlebars.compile = function(source){
        var s = "\\"+start,
            e = "\\"+end,
            RE = new RegExp('('+s+'{2,3})(.*?)('+e+'{2,3})','ig');

            replacedSource = source.replace(RE,function(match, startTags, text, endTags, offset, string){
                var startRE = new RegExp(s,'ig'), endRE = new RegExp(e,'ig');

                startTags = startTags.replace(startRE,'\{');
                endTags = endTags.replace(endRE,'\}');

                return startTags+text+endTags;
            });

        return Handlebars.original_compile(replacedSource);
    };
};

//EXAMPLE to change the delimiters to [:
Handlebars.setDelimiter('[',']');
  5. 4

    J'ai créé guidon-délimiteurs sur GitHub /npm pour le rendre facile à utiliser personnalisée delims avec un Guidon. 

    var Handlebars = require('handlebars');
var useDelims = require('handlebars-delimiters');

var a = Handlebars.compile('{{ name }}<%= name %>')({name: 'Jon'});
console.log(a);
//=> 'Jon<%= name %>'


//Pass your instance of Handlebars and define custom delimiters
useDelims(Handlebars, ['<%=', '%>']);
var b = Handlebars.compile('{{ name }}<%= name %>')({name: 'Jon'});
console.log(b);
//=> '{{ name }}Jon'

    L'idée de la compilation de la fonction est venu de https://stackoverflow.com/a/19181804/1267639

    Des Suggestions d'amélioration ou de tirer les demandes sont les bienvenus!

  6. 3

    "Si vous avez besoin d'afficher une chaîne de caractères qui est enveloppé dans des accolades, vous pouvez échapper à la Lame de comportement par la préfixation de votre texte avec un symbole@"

    @{{varname}}

    Espère que cela aide!

  7. 0

    Que j'ai utilisé et mis à jour le code source de user1875109 et maintenant il fonctionne avec un Guidon v3.0.3:

    /**
* change the delimiter tags of Handlebars
* @author Francesco Delacqua
* @param string start a single character for the starting delimiter tag
* @param string end a single character for the ending delimiter tag
*/
Handlebars.setDelimiter = function(start,end){
    //save a reference to the original compile function
    if(!Handlebars.original_compile) Handlebars.original_compile = Handlebars.compile;

    Handlebars.compile = function(source){
        var s = "\\"+start,
            e = "\\"+end,
            RE = new RegExp('('+s+')(.*?)('+e+')','ig');

            replacedSource = source.replace(RE,function(match, startTags, text, endTags, offset, string){
                var startRE = new RegExp(s,'ig'), endRE = new RegExp(e,'ig');

                startTags = startTags.replace(startRE,'\{');
                endTags = endTags.replace(endRE,'\}');

                return startTags+text+endTags;
            });

        return Handlebars.original_compile(replacedSource);
    };
};

//EXAMPLE to change the delimiters to [:
Handlebars.setDelimiter('[',']');
  8. 0

    Il y a une option à dire le moteur de modèle pour ne pas l'analyse de certaines partie du code et de le traiter en tant que texte brut.

    Trouver des façons suivantes pour le faire, espérons que cela aide quelqu'un.

    De la lame moteur de template (laravel), vous pouvez utiliser @verbatim de la Directive. De sorte que vous n'avez pas à ajouter @ pour chaque variable.
    Exemple : 

    @verbatim
    <div class="container">
        Hello, {{ name }}.
    </div>
@endverbatim

    De même pour le moteur de template twig (symfony), vous pouvez bloquer l'ensemble du code à l'aide de

    {% verbatim %}
    <div>
        My name is {{name}}. I am a {{occupation}}.
    </div>
{% endverbatim %}