{"id":12605,"date":"2021-06-12T19:08:57","date_gmt":"2021-06-13T00:08:57","guid":{"rendered":"httpss:\/\/www.powenko.com\/wordpress\/docs\/tinymce\/init%e5%88%9d%e5%a7%8b%e5%8c%96\/%e5%88%9d%e5%a7%8b%e5%8c%96\/"},"modified":"2021-06-14T03:32:59","modified_gmt":"2021-06-14T08:32:59","slug":"%e5%88%9d%e5%a7%8b%e5%8c%96","status":"publish","type":"docs","link":"https:\/\/www.powenko.com\/wordpress\/?docs=tinymce\/init%e5%88%9d%e5%a7%8b%e5%8c%96\/%e5%88%9d%e5%a7%8b%e5%8c%96","title":{"rendered":"\u521d\u59cb\u5316"},"content":{"rendered":"
\r\n&lt;script&gt;\r\n\r\nvar currentAuthor = 'A Tiny User';\r\nvar userAllowedToResolve = 'Admin1';\r\n\r\ntinymce.init({\r\n  selector: '#tiny-ui .editor',\r\n  toolbar: 'bold italic underline | addcomment showcomments',\r\n  menubar: 'file edit view insert format tools tc',\r\n  menu: {\r\n    tc: {\r\n      title: 'TinyComments',\r\n      items: 'addcomment showcomments deleteallconversations'\r\n    }\r\n  },\r\n  plugins: 'paste code tinycomments',\r\n  tinycomments_mode: 'embedded',\r\n  tinycomments_author: currentAuthor,\r\n  tinycomments_can_resolve: function (req, done, fail) {\r\n    var allowed = req.comments.length &gt; 0 &amp;&amp;\r\n                  req.comments[0].author === currentAuthor;\r\n    done({\r\n      canResolve: allowed || currentAuthor === userAllowedToResolve\r\n    });\r\n  },\r\n  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'\r\n});\r\n\r\n&lt;\/script&gt;\r\n&lt;div id=\"tiny-ui\"&gt;\r\n  &lt;textarea class=\"editor\" style=\"width: 100%; height: 500px;\"&gt;\r\n    &lt;h2&gt;Welcome to Tiny Comments!&lt;\/h2&gt;\r\n    &lt;p&gt;Please try out this demo of our new Tiny Comments premium plugin.&lt;\/p&gt;\r\n    &lt;ol&gt;\r\n      &lt;li&gt;Highlight the content you want to comment on.&lt;\/li&gt;\r\n      &lt;li&gt;Click the &lt;em&gt;Add Comment&lt;\/em&gt; icon in the toolbar.&lt;\/li&gt;\r\n      &lt;li&gt;Type your comment into the text field at the bottom of the Comment sidebar.&lt;\/li&gt;\r\n      &lt;li&gt;Click &lt;strong&gt;Save&lt;\/strong&gt;.&lt;\/li&gt;\r\n    &lt;\/ol&gt;\r\n    &lt;p&gt;Your comment is then attached to the text, &lt;span class=\"mce-annotation tox-comment\" data-mce-annotation-uid=\"mce-conversation_19679600221621399703915\" data-mce-annotation=\"tinycomments\"&gt;exactly like this!&lt;\/span&gt;&lt;\/p&gt;\r\n    &lt;p&gt;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.&lt;\/p&gt;\r\n    &lt;p&gt;And if you are ready to buy, you can either purchase Tiny Comments a la carte or as part of your Tiny Pro subscription. If you are a current cloud user, Tiny Comments has already been added to your key, and if you are a self-hosted user, Tiny Comments is now available in the latest download which you can access in My Account.&lt;\/p&gt;\r\n    &lt;h2&gt;A simple table to play with&lt;\/h2&gt;\r\n    &lt;table style=\"border-collapse: collapse; width: 100%;\" border=\"1\"&gt;\r\n      &lt;thead&gt;\r\n        &lt;tr&gt;\r\n          &lt;th&gt;Product&lt;\/th&gt;\r\n          &lt;th&gt;Value&lt;\/th&gt;\r\n        &lt;\/tr&gt;\r\n      &lt;\/thead&gt;\r\n      &lt;tbody&gt;\r\n        &lt;tr&gt;\r\n          &lt;td&gt;&lt;a href=\"httpsss:\/\/www.tiny.cloud\/\"&gt;Tiny Cloud&lt;\/a&gt;&lt;\/td&gt;\r\n          &lt;td&gt;The easiest and most reliable way to integrate powerful rich text editing into your application.&lt;\/td&gt;\r\n        &lt;\/tr&gt;\r\n        &lt;tr&gt;\r\n          &lt;td&gt;&lt;a href=\"httpsss:\/\/www.tiny.cloud\/drive\/\"&gt;Tiny Drive&lt;\/a&gt;&lt;\/td&gt;\r\n          &lt;td&gt;Image and file management for TinyMCE in the cloud.&lt;\/td&gt;\r\n        &lt;\/tr&gt;\r\n      &lt;\/tbody&gt;\r\n    &lt;\/table&gt;\r\n    &lt;p&gt;Thanks for supporting TinyMCE! We hope it helps your users create great content.&lt;\/p&gt;\r\n    &lt;!--tinycomments|2.1|data:application\/json;base64,eyJtY2UtY29udmVyc2F0aW9uXzE5Njc5NjAwMjIxNjIxMzk5NzAzOTE1Ijp7InVpZCI6Im1jZS1jb252ZXJzYXRpb25fMTk2Nzk2MDAyMjE2MjEzOTk3MDM5MTUiLCJjb21tZW50cyI6W3sidWlkIjoibWNlLWNvbnZlcnNhdGlvbl8xOTY3OTYwMDIyMTYyMTM5OTcwMzkxNSIsImF1dGhvciI6IkFub3RoZXIgVGlueSBVc2VyIiwiYXV0aG9yTmFtZSI6IkFub3RoZXIgVGlueSBVc2VyIiwiY29udGVudCI6IlBsZWFzZSByZXZpc2UgdGhpcyBzZW50ZW5jZSwgZXhjbGFtYXRpb24gcG9pbnRzIGFyZSB1bnByb2Zlc3Npb25hbCEiLCJjcmVhdGVkQXQiOiIyMDIxLTA1LTE5VDA0OjQ4OjIzLjkxNFoiLCJtb2RpZmllZEF0IjoiMjAyMS0wNS0xOVQwNDo0ODoyMy45MTRaIn1dfX0=--&gt;\r\n  &lt;\/textarea&gt;\r\n&lt;\/div&gt;\r\n\r\n<\/pre>\n