How to let the user chose output markup in jQuery plugin development

Question

I develop a jQuery plugin which produces HTML output, currently something like

<ul>
  <li><img></img></li>
  ...
</ul>

But actually, I would like to let the user of my plugin chose the HTML markup which gets generated, so for instance he passes a template string from which my plugin produces the output. But I don't know how.

Are there any best practices / "patterns" on how to achieve such a functionality?

Emil Ivanov · Accepted Answer · 2010-01-28 15:07:33Z

1

The easiest way is to allow for an optional rendering function param and pass it the element(s). This way you have maximum control with minimal effort. Example:

$('#id').my_action(param1, function (e1, e2) {
    $('#target1').append(e1);
    $('#target2').append(e2);
});

edited Jan 28, 2010 at 15:07

answered Jan 28, 2010 at 14:58

Emil Ivanov

37.8k12 gold badges78 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mark Hamilton Over a year ago

Yeah, that is a great idea... Anyway I'll leave the question open for a bit, maybe there are some more ideas...

Drew Wills · Accepted Answer · 2010-01-28 14:59:14Z

0

Take a look at the Fluid Renderer. I believe they're doing something very similar to what you describe.

answered Jan 28, 2010 at 14:59

Drew Wills

8,4184 gold badges31 silver badges40 bronze badges

Collectives™ on Stack Overflow

How to let the user chose output markup in jQuery plugin development

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related