效果



一般用于代码脚本,它的工作原理是通过属性显示代码注释的HTML。
创建渲染笔记
使用 HTML 语言创建一个代码笔记,其中包含需要显示的内容(例如 )。
<p>Hello Shmaur.</p>
创建渲染笔记
将关系分配给先前创建的代码注释的点。
renderNote
脚本动态显示内容
静态 HTML 通常不足以编写脚本。下一步是使用 JavaScript 自动更改笔记的某些部分。
对于一个简单的示例,我们将创建一个渲染注释,在字段中显示当前日期。
为此,请首先创建一个包含以下内容的 HTML 代码注释:
<h1>当前日期 & 时间</h1>
当前的日期 & 时间是: <span class="date"></span>

现在我们需要添加脚本。创建另一个代码,但这次是 JavaScript(前端)语言。确保新创建的注释是之前创建的 HTML 注释的直接子项;内容如下:
const $dateEl = api.$container.find(".date");
$dateEl.text(new Date());
现在,在任何位置创建一个渲染注释,并将其关系设置为指向 HTML 注释。访问渲染注释时,它将显示:~renderNote

例子