Handles or trunk insert empty string in html

I am new to control and trunking and am currently trying to create precompiled steering patterns on my web page. However, what happens is that the steering wheel or trunk, I don’t know, adds an empty line to the DOM. I do not know why. The same thing does not happen when I compile patterns in spine mode.

What I’m even unfamiliar with is that I have one pre-compiled steering wheel template that this doesn’t happen to ...

Here is the html image when compiling:

Here is the image when compiling within the base view:

Does anyone know why this is happening?

, , ... , , , - ...

:

<div id="channelsContainer"></div>
<div>
    <div id="postsContainer"></div>
    <div>
        <div id="contentContainer"></div>
        <div id="detailsContainer"></div>
    </div>
</div>

:

template:   function(data)
    {
        return Handlebars.templates['shell.html'];
    }

:

template:   function(data)
        {
            var handlebarTemplate = Handlebars.compile('<div id="channelsContainer"></div> \
<div> \
    <div id="postsContainer"></div> \
    <div> \
        <div id="contentContainer"></div> \
        <div id="detailsContainer"></div> \
    </div> \
</div>');

            return handlebarTemplate;
        }

initialize:

this.$el.empty().html(this.template());

, , .