Comments demo page

_data/nav.yml

@@ -28,6 +28,10 @@
   - url: "whats-new"
   - url: "basic-example"
   - url: "full-featured"
+  - url: "comments"
+    pages:
+    - url: "#Comments 1.0 demo"
+    - url: "#Comments 2.0 demo"
   - url: "formatpainter"
   - url: "drive"
   - url: "editor-dfree"

demo/comments.md

@@ -0,0 +1,24 @@
+---
+layout: default
+title: Comments Demo
+title_nav: Comments
+description: Tiny Comments provides the ability to add comments to the content and collaborate with other users for content editing.
+keywords: comments commenting tinycomments
+controls: toolbar button
+---
+
+## Live example
+
+These examples display how to add the ability to start or join a conversation by adding comments to the content within the TinyMCE editor.
+
+## Comments 1.0 Demo
+
+In this example, the features in Comments 1.0 are highlighted, including adding a comment, replying to a comment, and deleting a comment. For more information on the other Comments 1.0 configuration options, see the [docs]({{ site.baseurl }}/plugins/comments/comments_1.0/).
+
+{% include codepen.html id="pOzxJw" %}
+
+## Comments 2.0 Demo
+
+In this example, the features in Comments 2.0 are highlighted, including adding a comment, replying to a comment, and deleting a comment. For more information on the other Comments 2.0 configuration options, see the [docs]({{ site.baseurl }}/plugins/comments/comments_2.0/).
+
+{% include codepen.html id="ZwjzWj" %}

enterprise/tiny-comments.md

@@ -42,16 +42,10 @@ A working example is provided here for integrating the TinyMCE plugin into your
 
 ### Buy Comments
 
-Start with our [dedicated product page](https://apps.tiny.cloud/products/comments/) to see our flexible pricing options. Enterprise customers should [contact sales directly](https://www.tiny.cloud/contact/). Still not sure? Check out the demo below.
+Start with our [dedicated product page](https://apps.tiny.cloud/products/comments/) to see our flexible pricing options. Enterprise customers should [contact sales directly](https://www.tiny.cloud/contact/). Still not sure? Check out the demos below.
 
-## Comments 1.0 Demo
+* [Comments 1.0 demo]({{site.baseurl}}/demo/comments/#comments10demo/)
 
-In this example, the features in Comments 1.0 are highlighted, including adding a comment, replying to a comment, and deleting a comment. For more information on the other Comments 1.0 configuration options, see the [docs]({{ site.baseurl }}/plugins/comments/comments_1.0/).
+* [Comments 2.0 demo]({{site.baseurl}}/demo/comments/#comments20demo/)
 
-{% include codepen.html id="pOzxJw" %}
 
-## Comments 2.0 Demo
-
-In this example, the features in Comments 2.0 are highlighted, including adding a comment, replying to a comment, and deleting a comment. For more information on the other Comments 2.0 configuration options, see the [docs]({{ site.baseurl }}/plugins/comments/comments_2.0/).
-
-{% include codepen.html id="ZwjzWj" %}

plugins/comments/comments_2.0.md

@@ -160,4 +160,4 @@ Follow this procedure to delete all conversations in the document:
 
 **Result**: All the comments for the selected document will be deleted.
 
-Check out the [Comments demo]({{site.baseurl}}/enterprise/tiny-comments/#tinycomments20demo) to try out this new feature.
+Check out the [Comments demo]({{site.baseurl}}/demo/comments/#comments20demo) to try out this new feature.