Javascript 在jointjs中启用HTML输入

我试着按照JointJs中的教程来做这个例子。然而，有两个问题：-

我无法在jointJS中创建第二个自定义元素。我不明白如何有两种类型的html模板。并非所有形状都是相同的html代码

我可以通过将html作为joint.shapes.basic.textblock中的内容来解决上述问题。然而，在CSS中处理指针事件似乎是行不通的。文本框不可编辑

文件的缺乏令人沮丧。请帮忙

编辑： 我用于文本块的代码是：

var el2 = new joint.shapes.basic.TextBlock({
            position: { x:0, y:600 },
            size: { width: 500, height: 70 },
            attrs: { rect: { fill: 'transparent' }},
            content: "<div class="html-element"><label>Enter Value</label><input type="text" id="input1" /></div>
    }); graph.addCells([el2]); 

var el2=new joint.shapes.basic.TextBlock({
位置：{x:0，y:600}，
尺寸：{宽：500，高：70}，
属性：{rect:{fill:'transparent'}}，
内容：“输入值
})；图1.addCells（[el2]）；

共享您尝试/尝试的一些代码。@这是一位程序员我使用了与教程中完全相同的代码@来创建自定义元素