I'm trying to implement a custom property, much like this one: https://gregwiechec.com/2016/05/textarea-with-statistics/

Template file DojoProperty2.html:

    I'm alive!!
    

        
    
    

        
Characters: 0
        
Words: 0
        
Lines: 1
    

Looks like this if I open the file in the browser:

But in the CMS I only get this:

DojoProperty.js:

define([
    "dojo/_base/declare",
    "dijit/_Widget",
    "dijit/_TemplatedMixin",
    'dojo/text!./DojoProperty2.html',
],
    function (
        declare,
        _Widget,
        _TemplatedMixin,
        template
    ) {
        return declare("jondjones.CustomProperty.DojoProperty", [
            _Widget,
            _TemplatedMixin], {
                templateString: template
            }
        );
    }
);

DojoPropertyEditorDescriptor.cs:

using EPiServer.Shell.ObjectEditing.EditorDescriptors;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace TemplateTest.Business.EditorDescriptors
{
    [EditorDescriptorRegistration(
            TargetType = typeof(String),
            UIHint = "CustomProperty")]
    public class DojoPropertyDescriptor : EditorDescriptor
    {
        public DojoPropertyDescriptor()
        {
            ClientEditingClass = "alloy/editors/DojoProperty";
        }
    }
}

TeaserBlock.cs: (where the property is being used)

using System.ComponentModel.DataAnnotations;
using EPiServer.Core;
using EPiServer.DataAbstraction;
using EPiServer.DataAnnotations;
using EPiServer.Web;

namespace TemplateTest.Models.Blocks
{
    /// 

    /// Used to provide a stylized entry point to a page on the site
    /// 
    [SiteContentType(GUID = "EB67A99A-E239-41B8-9C59-20EAA5936047")] // BEST PRACTICE TIP: Always assign a GUID explicitly when creating a new block type
    [SiteImageUrl] // Use site's default thumbnail
    public class TeaserBlock : SiteBlockData
    {
        [Display(
            Name = "Custom Property3",
            Description = "Custom Property Desc3",
            GroupName = SystemTabNames.Content,
            Order = 1)]
        [UIHint("CustomProperty3")]
        public virtual string CustomProperty3 { get; set; }

        [CultureSpecific]
        [Required(AllowEmptyStrings = false)]
        [Display(
            GroupName = SystemTabNames.Content,
            Order = 1)]
        public virtual string Heading { get; set; }

        [CultureSpecific]
        [Required(AllowEmptyStrings = false)]
        [Display(
            GroupName = SystemTabNames.Content,
            Order = 2)]
        [UIHint(UIHint.Textarea)]
        public virtual string Text { get; set; }

        [CultureSpecific]
        [Required(AllowEmptyStrings = false)]
        [UIHint(UIHint.Image)]
        [Display(
            GroupName = SystemTabNames.Content,
            Order = 3)]
        public virtual ContentReference Image { get; set; }

        [Display(
            GroupName = SystemTabNames.Content,
            Order = 4)]
        public virtual PageReference Link { get; set; }
    }
}

TeaserBlock.cshtml:

@using EPiServer.Core
@using TemplateTest.Controllers
@model TeaserBlock

   
@Html.PropertyFor(m => m.CustomProperty3)
    @*Link the teaser block only if a link has been set and not displayed in preview*@
    @using (Html.BeginConditionalLink(
        !ContentReference.IsNullOrEmpty(Model.Link) && !(ViewContext.Controller is PreviewController),
        Url.PageLinkUrl(Model.Link),
        Model.Heading))
    {
        
 x.Heading)>@Model.Heading
        
 x.Text)>@Model.Text
        
 x.Image)>
    }

What am I doing wrong?

Version: 11.10.1.0