DOC-3194: Remove outdated comments callback example for tinycomments in v5 documentation suite. (#3676)

* DOC-3194: Remove outdated comments callback example and related JavaScript functions.

* DOC-3194: update comments callback mode demo.

* DOC-3194: remove avatar, images and authorImage from demo.

* Update modules/ROOT/examples/live-demos/comments-callback/index.js

Author: kemister85

modules/ROOT/examples/live-demos/comments-callback/example.js

@@ -1,32 +1,32 @@
 <textarea id="comments-callback">
-    <h2>Welcome to Tiny Comments!</h2>
-    <p>Please try out this demo of our Tiny Comments premium plugin.</p>
-    <ol>
-      <li>Highlight the content you want to comment on.</li>
-      <li>Click the <em>Add Comment</em> icon in the toolbar.</li>
-      <li>Type your comment into the text field at the bottom of the Comment sidebar.</li>
-      <li>Click <strong>Save</strong>.</li>
-    </ol>
-    <p>Your comment is then attached to the text, exactly like this!</p>
-    <p>If you want to take Tiny Comments for a test drive in your own environment, Tiny Comments is one of the premium plugins you can try for free for 30 days by signing up for a Tiny account. Make sure to check out our documentation as well.</p>
-    <h2>A simple table to play with</h2>
-    <table style="border-collapse: collapse; width: 100%;" border="1">
-      <thead>
-        <tr>
-          <th>Product</th>
-          <th>Value</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td><a href="https://www.tiny.cloud/">Tiny Cloud</a></td>
-          <td>The easiest and most reliable way to integrate powerful rich text editing into your application.</td>
-        </tr>
-        <tr>
-          <td><a href="https://www.tiny.cloud/drive/">Tiny Drive</a></td>
-          <td>Image and file management for TinyMCE in the cloud.</td>
-        </tr>
-      </tbody>
-    </table>
-    <p>Thanks for supporting TinyMCE! We hope it helps your users create great content.</p>
+  <h2>Welcome to Tiny Comments!</h2>
+  <p>Please try out this demo of our Tiny Comments premium plugin.</p>
+  <ol>
+    <li>Highlight the content you want to comment on.</li>
+    <li>Click the <em>Add Comment</em> icon in the toolbar.</li>
+    <li>Type your comment into the text field at the bottom of the Comment sidebar.</li>
+    <li>Click <strong>Comment</strong>.</li>
+  </ol>
+  <p>Your comment is <span class="mce-annotation tox-comment" data-mce-annotation-uid="mce-conversation_420304606321716900864126" data-mce-annotation="tinycomments">then</span> attached to the text, <span class="mce-annotation tox-comment" data-mce-annotation-uid="mce-conversation_19679600221621399703915" data-mce-annotation="tinycomments">exactly like this!</span></p>
+  <p>If you want to take Tiny Comments for a test drive in your own environment, Tiny Comments is one of the premium plugins you can try for free for 14 days by signing up for a Tiny account. Make sure to check out our documentation as well.</p>
+  <h2>A simple table to play with</h2>
+  <table style="border-collapse: collapse; width: 100%;" border="1">
+    <thead>
+      <tr>
+        <th>Product</th>
+        <th>Value</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><a href="https://www.tiny.cloud/">Tiny Cloud</a></td>
+        <td>The easiest and most reliable way to integrate powerful rich text editing into your application.</td>
+      </tr>
+      <tr>
+        <td><a href="https://www.tiny.cloud/drive/">Tiny Drive</a></td>
+        <td>Image and file management for TinyMCE in the cloud.</td>
+      </tr>
+    </tbody>
+  </table>
+  <p>Thanks for supporting TinyMCE! We hope it helps your users create great content.</p>
 </textarea>