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

Author: kemister85

modules/ROOT/examples/live-demos/comments-callback/index.html

@@ -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>

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

@@ -8,14 +8,12 @@ const userDb = {
     name: 'Michael Cook',
     fullName: 'Michael Cook',
     description: 'Product Owner',
-    image: "{{imagesdir}}/avatars/michaelcook.png"
   },
   'kalebwilson': {
     id: 'kalebwilson',
     name: 'Kaleb Wilson',
     fullName: 'Kaleb Wilson',
     description: 'Marketing Director',
-    image: "{{imagesdir}}/avatars/kalebwilson.png"
   }
 };
 
@@ -26,16 +24,15 @@ const now = new Date();
 const yesterday = new Date(now.getTime() - 24 * 60 * 60 * 1000).toISOString();
 const anhourago = new Date(now.getTime() - 60 * 60 * 1000).toISOString();
 
-const fillAuthorInfo = (id, fullName, image) => ({
+const fillAuthorInfo = (id, fullName) => ({
   author: id,
   authorName: fullName,
-  authorAvatar: image,
 });
 
 const getAuthorInfo = (uid) => {
   const user = userDb[uid];
   if (user) {
-    return fillAuthorInfo(user.id, user.fullName, user.image);
+    return fillAuthorInfo(user.id, user.fullName);
   }
   return {
     author: uid,