utilize a function to format text in dust.js style

Question

utilize a function to format text in dust.js style

I have created a JavaScript function that blurs text:

function blurText(data) {
    var dataSplit = data.split(" ");
    var lastWord = dataSplit.pop();
    var toBlur = '<span class="blur">' + dataSplit.join(" ") +  '</span>'; 
     var output = '<li>' + toBlur + lastWord + '</li>';
     return output;
}

I am attempting to use this function with dust.js by doing something like:

{#storylines}
    <script>
        blurText("{text}");
    </script>                   
{/storylines}

Is there a simple way to pass the {text} value through a JavaScript function and then display the output?

When I run it in the console, it appears to be working correctly:

> blurText("This is a test line")

> "<li><span class="blur">This is a test</span>line</li>"

node.js mongodb express socket.io dust.js

Answer 1

Answer №1

In my coding practice, I often create a utility function within the global scope:

var blurText = dust.makeBase({
    blurText: function(chunk, context, bodies, params) { 
        var dataSplit = params.data.split(" ");
        var lastWord = dataSplit.pop();
        var toBlur = '<span class="blur">' + dataSplit.join(" ") +  '</span>'; 
        var output = '<li>' + toBlur + lastWord + '</li>';
        return chunk.write(output);
    }
});

To incorporate it into the local context during rendering:

dust.render("template", dustCtx.push({storylines:...}), function(err, out) {});

Then use it like this:

{#storylines}
    {#blurText data=text/}
{/storylines}

This method may be useful for passing additional parameters, such as controlling the blurring effect.

Answer 2

In my coding practice, I often create a utility function within the global scope:

var blurText = dust.makeBase({
    blurText: function(chunk, context, bodies, params) { 
        var dataSplit = params.data.split(" ");
        var lastWord = dataSplit.pop();
        var toBlur = '<span class="blur">' + dataSplit.join(" ") +  '</span>'; 
        var output = '<li>' + toBlur + lastWord + '</li>';
        return chunk.write(output);
    }
});

To incorporate it into the local context during rendering:

dust.render("template", dustCtx.push({storylines:...}), function(err, out) {});

Then use it like this:

{#storylines}
    {#blurText data=text/}
{/storylines}

This method may be useful for passing additional parameters, such as controlling the blurring effect.

Answer 3

Answer №2

To make it functional, I devised a dust.js filter.

  bl: function(value){  var dataSplit = value.split(" ");
    var lastWord = dataSplit.pop();
    var toBlur = '<span class="blur">' + dataSplit.join(" ") +  '</span>'; 
     var output = toBlur + lastWord;
     return output; }

In the template, I am inputting the following:

{#storylines}
    <li>{text|bl|s}</li>    
{/storylines}

Answer 4

To make it functional, I devised a dust.js filter.

  bl: function(value){  var dataSplit = value.split(" ");
    var lastWord = dataSplit.pop();
    var toBlur = '<span class="blur">' + dataSplit.join(" ") +  '</span>'; 
     var output = toBlur + lastWord;
     return output; }

In the template, I am inputting the following:

{#storylines}
    <li>{text|bl|s}</li>    
{/storylines}

utilize a function to format text in dust.js style

Answer №1

Answer №2

Similar questions

Dealing with error management in Transfer-Encoding chunked HTTP requests using express and axios

Getting the PSID of a Facebook bot during the process of Account Linking

Accessing a terminal interface for Linux or Windows via the internet

Facing issues with Google token authentication using Express and Passport

What is the best method for updating audio from a source in Vue.js?

Angular deep linking in an Express server is a powerful combination that allows

Data not populating correctly in MEAN Stack application

Having trouble generating package.json with npm init on my Mac

Ways to incorporate JSON web token into every query string of my requests

Troubleshooting a Heroku build failure in Node.js due to issues with the Mongodb module

Is there a comparable option to Jades extend in the world of Handlebars?

What steps should I take to program my bot to identify a specific reaction and automatically send a message in response?

There seems to be an issue with the connection between socket.io and the server

Utilizing Node.js: Chaining process.exit() functions

I currently have an array of strings and wish to print only the lines that include a specific substring

Customized queries based on conditional routes - expressjs

NodeJS Express Double Authentication using JSON Web Tokens

Aggregating data with multiple arguments in MongoDB is a powerful

Increment field(s) conditionally while also performing an upsert operation in MongoDB

Sending numerous files from a Google Cloud virtual machine to Google Cloud Storage through node.js and a library called Glob