[Question] Define components in template

if you want to initialize the editor with some components already placed into the canvas, you need this:

// editor initialization...
// define custom component as before
// instead of proceeding with block definition, use this snippet below:
editor.setComponents('
          	<tr data-gjs-type="custom-type">
                <td >
                    <a>
                        <img  style="margin-bottom: 5px;" alt="" src="https://cdn.@(Model.Site.Address)/Subscribe.jpg" border="0" width="468" />
                    </a>
                </td>
            </tr>
            ',)

cheers.

for the moment grapes has some issue on storing custom components defined outside plugins.

Actually, are stored correctly, it's just about loading components that are not recognized because the custom type doesn't exist yet, so this is the reason for putting the code in the plugin (plugins are loaded before fetching components). We're updating the Component documentation and this thing will be the first recommendation (and the only available) for defining custom types

BTW @Jogai the approach described by @pouyamiralayi is correct. Instead of writing

<tr data-gjs-draggable="#main" data-gjs-copyable="false">

You can just define a custom component type (or extend the built-in row one)

 editor.DomComponents.addType('my-row',{
			extend: 'row',
            model:{
                defaults:{
					draggable: '#main',
					copyable: 'false',
				}
// ...

And use it where you need it

<tr data-gjs-type="my-row">

The properties will be taken from the defined component type. In this way, you're more Component-oriented and it's easier to reuse them around your templates

Thanks for the answer and the links. They are really helpful. For this question however I was looking for a way to do this within a template. Currently we dont use the blockmanager, our users only drag stuff around. They never add anything.