M docs/H3_DeveloperGuide.htm → docs/H3_DeveloperGuide.htm

@@ -7850,8 +7850,22 @@ <li>The <code>classList</code> attribute can be set to a list of classes to apply to the element (as an alternative to using the element selector shorthand).</li>
 <li>The <code>data</code> attribute can be set to a simple object containing <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes">data attributes</a>.</li>
 <li>The special <code>$key</code> attribute can be used to guarantee the uniqueness of two VNodes and it will not be translated into an HTML attribute.</li>
 <li>The special <code>$html</code> attribute can be used to set the <code>innerHTML</code> property of the resulting HTML element. Use only if you know what you are doing!</li>
+<li>The special <code>$onrender</code> attribute can be set to a function that will executed after the VNode is rendered for the first time.</li>
 </ul>
 
+
+<p>The <code>$html</code> and the <code>$onrender</code> special attributes should be used sparingly, and typically only when interfacing with third-party libraries that need access to the real DOM.</p>
+
+<p>For example, consider the following code snippet that can be used to initialize the <a href="https://github.com/Inscryb/inscryb-markdown-editor">InscrybMDE</a> Markdown editor on a textarea element:</p>
+
+<pre><code class="js">h3("textarea", {
+  $onrender: (element) =&gt; {
+    const editor = new window.InscrybMDE({
+      element
+    });
+  }
+});
+</code></pre>
 
 <a name="h3.dispatch(event:-string,-data:-any)"></a>
 <h3>h3.dispatch(event: string, data: any)<a href="#document-top" title="Go to top"></a></h3>