diff --git a/_data/nav.yml b/_data/nav.yml index b3e220d..3aeea22 100644 --- a/_data/nav.yml +++ b/_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" diff --git a/demo/comments.md b/demo/comments.md new file mode 100644 index 0000000..88a8cde --- /dev/null +++ b/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" %} \ No newline at end of file diff --git a/enterprise/tiny-comments.md b/enterprise/tiny-comments.md index 7535be5..a64883c 100644 --- a/enterprise/tiny-comments.md +++ b/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" %} diff --git a/plugins/comments/comments_2.0.md b/plugins/comments/comments_2.0.md index 66addd6..a5b10e8 100644 --- a/plugins/comments/comments_2.0.md +++ b/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.