- 快速入门
- Explore advanced topics
- Accessibility
- Editor control identifiers
- Annotations
- Editor events
- tinymce-AddOnManager
- Boilerplate content CSS
- Handle asynchronous image uploads
- tinymce-Annotator
- tinymce-FocusEvent
- Configuring callbacks for Comments 2-0
- Keyboard shortcuts
- tinymce-CommandEvent
- tinymce-FocusManager
- tinymce-WindowManager
- Toolbar buttons
- PHP image upload handler
- tinymce-ContentEvent
- tinymce-Formatter
- tinymce-dom-DomQuery
- Create a plugin for TinyMCE
- Security
- tinymce-Editor
- tinymce-NotificationManager
- tinymce-dom-DOMUtils
- Create a skin for TinyMCE
- Usage with module loaders
- tinymce-EditorCommands
- tinymce-Plugin
- tinymce-dom-ScriptLoader
- Create custom notifications
- TinyMCE plugin Yeoman generator
- tinymce-EditorManager
- tinymce-ProgressStateEvent
- tinymce-dom-BookmarkManager
- Editor command identifiers
- tinymce-Formatter
- tinymce-EditorObservable
- tinymce-ResizeEvent
- tinymce-dom-ControlSelection
- tinymce
- tinymce-Env
- tinymce-Shortcuts
- tinymce-dom-DomQuery
- tinymce-Event
- tinymce-Theme
- tinymce-dom-DOMUtils
- tinymce-UndoManager
- tinymce-dom-EventUtils
- tinymce-dom-RangeUtils
- tinymce-dom-ScriptLoader
- tinymce-dom-Selection
- tinymce-html-Schema
- tinymce-dom-Serializer
- tinymce-html-Serializer
- tinymce-util-I18n
- tinymce-dom-TreeWalker
- tinymce-html-Styles
- tinymce-util-JSON
- Cloud deployment of plugins Only
- tinymce-editor-ui-registry
- tinymce-html-Writer
- tinymce-util-JSONRequest
- Version compatibility reference
- Image & file upload options
- tinymce-geom-Rect
- tinymce-util-LocalStorage
- Configuration options reference
- Integration and setup options
- tinymce-html-DomParser
- tinymce-util-Observable
- tinymce-util-Observable
- Advanced editing behaviors
- JWT authentication setup
- tinymce-html-Entities
- tinymce-util-URI
- tinymce-util-Tools
- Content appearance options
- Localization options
- tinymce-html-Node
- tinymce-util-Color
- tinymce-util-XHR
- Content filtering options
- Spelling options
- tinymce-html-SaxParser
- tinymce-util-Delay
- Cloud deployment guide
- Content formatting options
- URL handling options
- tinymce-util-EventDispatcher
- Cloud deployment of editor & plugins
- Contribute to documentation
- Examples & demos
- Specify editor & plugin versions
- Contribute to TinyMCE development
- Basic example
- User interface options
- Case Change
- Checklist plugin
- Classic editor example
- Comments 2-0 Demo
- Custom formats example
- Custom menu item
- HTML5 formats example
- Valid elements example
- Custom toolbar button
- Format Painter
- Live example
- Embed rich media
- Full featured example
- Premium features
- Configure Enhanced Media Embed Server
- Server-side component installation
- Custom toolbar menu button
- Image tools example
- Accessibility checking
- Integrate Enhanced Media Embed Server
- Configure server-side components
- Custom toolbar split button
- Inline editor example
- Advanced source code editing
- Format Painter
- Troubleshoot server-side components
- Tiny Drive
- Local upload
- Case Change
- Get TinyMCE bugs fixed
- Professional support
- Distraction-free editor example
- Page Embed plugin
- Checking links as-you-type
- Mentions
- System requirements
- Basic local file picker
- Permanent Pen plugin
- Check Spelling As-You-Type
- Self-hosted file management
- Commenting & collaboration
- URL conversion example
- Adding custom dictionaries
- Page Embed plugin
- Cloud-based file management
- Checklist plugin
- Paste from Word
- Introduction & getting started
- Permanent Pen Plugin
- Advanced installation choices
- Logo & attribution requirements
- Basic setup
- Customizing the editor UI
- TinyMCE distraction-free editing mode
- Filtering TinyMCE content
- Setup inline editing mode
- Rails integration
- Get Support & FAQ
- Work with plugins to extend TinyMCE
- React integration
- Advanced Code Editor plugin
- Localize TinyMCE
- Integrate with other projects
- TinyMCE for Swing integration
- Advanced List plugin
- Code plugin
- Use multiple TinyMCE instances in a single page
- Angular 2+ integration
- Vue integration
- Anchor plugin
- Code Sample plugin
- Check spelling in TinyMCE
- Angular 1 integration
- WordPress integration
- Autolink plugin
- Color Picker plugin
- System requirements
- Bootstrap integration
- Migrating from TinyMCE 4-x to TinyMCE 5-0-
- Autoresize plugin
- Comments 2-0
- Uploading images and files
- Dojo integration
- TinyMCE Mobile
- Autosave plugin
- TinyMCE classic editing mode
- jQuery integration
- BBCode plugin
- Context Menu plugin
- KnockoutJS integration
- Add plugins to TinyMCE
- Case Change
- Directionality plugin
- Accessibility Checker plugin
- Character Map plugin
- Drive plugin
- Checklist plugin
- Emoticons plugin
- Format Painter
- Full Page plugin
- Full Screen plugin
- Link Checker plugin
- Help plugin
- Lists plugin
- Paste plugin
- Horizontal Rule plugin
- Media plugin
- Permanent Pen Plugin
- Table plugin
- Image plugin
- Enhanced Media Embed plugin
- PowerPaste plugin
- Template plugin
- User interface components
- Image Tools plugin
- Mentions plugin
- Preview plugin
- Text Color plugin
- Autocompleter
- Import CSS plugin
- MoxieManager plugin
- Print plugin
- Text Pattern plugin
- Context forms
- Insert Date/Time plugin
- Nonbreaking Space plugin
- Quick Toolbar plugin
- Spell Checker Pro plugin
- Context menu
- Legacy Output plugin
- Noneditable plugin
- Save plugin
- Table of Contents plugin
- Context toolbar
- Link plugin
- Page Break plugin
- Search and Replace plugin
- Visual Blocks plugin
- Custom sidebar
- Page Embed plugin
- Spell Checker plugin
- Visual Characters plugin
- Dialog
- Tab Focus plugin
- Word Count plugin
- Dialog components
- Quick start
- Custom menu items
- Toolbar buttons
- Types of toolbar buttons
Configuring callbacks for Comments 2-0
Introduction
Callback mode is the default mode for Comments 2.0. In the callback mode, the user needs to configure storage to be able to save comments on the server. The Comments functions (create, reply, edit, delete comment, delete all conversations, and lookup) are configured differently depending upon the server-side storage configuration.
Required settings
Comments 2.0 requires the following functions to be defined:
tinymce.init({
...
tinycomments_create: function (req, done, fail) { ... },
tinycomments_reply: function (req, done, fail) { ... },
tinycomments_delete: function (req, done, fail) { ... },
tinycomments_delete_all: function (req, done, fail) { ... },
tinycomments_delete_comment: function (req, done, fail) { ... },
tinycomments_lookup: function (req, done, fail) { ... },
tinycomments_edit_comment: function (req, done, fail) { ... },
});
All functions incorporate done
and fail
callbacks as parameters. The function return type is not important, but all functions must call exactly one of these two callbacks: fail
or done
.
The
fail
callback takes either a string or a JavaScript Error type.The
done
callback takes an argument specific to each function.
Most (create, reply, and edit) functions require configuring the current author:
- Current author - Comments 2.0 does not know the name of the current user. After a user comments (triggering
tinycomments_create
for the first comment, ortinycomments_reply
for subsequent comments), Comments 2.0 requests the updated conversation viatinycomments_lookup
, which should now contain the additional comment with the proper author. Determining the current user and storing the comment related to that user, has to be configured by the user.
tinycomments_create
Comments 2.0 uses the conversation tinycomments_create
function to create a comment.
The tinycomments_create
function saves the comment as a new conversation and returns a unique conversation ID via the done
callback. If an unrecoverable error occurs, it should indicate this with the fail callback.
The tinycomments_create
function is given a request (req) object as the first parameter, which has these fields:
content: The content of the comment to create.
createdAt: The date the comment was created.
The done callback needs to take an object of the form:
{
conversationUid: string // the new conversation uid
}
tinycomments_reply
Comments 2.0 uses the conversation tinycomments_reply
function to reply to a comment.
The tinycomments_reply
function saves the comment as a reply to an existing conversation and returns via the done
callback once successful. Unrecoverable errors are communicated to TinyMCE by calling the fail
callback instead.
The tinycomments_reply
function is given a request (req) object as the first parameter, which has these fields:
conversationUid: The uid of the conversation the reply is a part of.
content: The content of the comment to create.
createdAt: The date the comment was created.
The done callback needs to take an object of the form:
{
commentUid: string // the value of the new comment uid
}
tinycomments_edit_comment
Comments 2.0 uses the conversation tinycomments_edit_comment
function to edit a comment.
The tinycomments_edit_comment
function allows updating or changing original comments and returns via the done
callback once successful. Unrecoverable errors are communicated to TinyMCE by calling the fail
callback instead.
The tinycomments_edit_comment
function is given a request (req) object as the first parameter, which has these fields:
conversationUid: The uid of the conversation the reply is a part of.
commentUid: The uid of the comment to edit (it can be the same as
conversationUid
if editing the first comment in a conversation)content: The content of the comment to create.
modifiedAt: The date the comment was modified.
The done callback needs to take an object of the form:
{
canEdit: boolean, // whether or not the Edit succeeded
reason: string? // an optional string explaining why the edit was not allowed (if canEdit is false)
}
tinycomments_delete
The tinycomments_delete
function should asynchronously return a flag indicating whether the comment/comment thread was removed using the done
callback. Unrecoverable errors are communicated to TinyMCE by calling the fail
callback instead.
The tinycomments_delete
function is given a request (req) object as the first parameter, which has this field:
- conversationUid: The uid of the conversation the reply is a part of.
The done callback needs to take an object of the form:
{
canDelete: boolean // whether or not the conversation can be deleted
reason: string? // an optional string explaining why the delete was not allowed (if canDelete is false)
}
Note: Failure to delete due to permissions or business rules is indicated by “false”, while unexpected errors should be indicated using the “fail” callback.
tinycomments_delete_all
The tinycomments_delete_all
function should asynchronously return a flag indicating whether all the comments in a conversation were removed using the done
callback. Unrecoverable errors are communicated to TinyMCE by calling the fail
callback instead.
The tinycomments_delete_all
function is given a request (req) object as the first parameter with no fields.
The done callback needs to take an object of the form:
{
canDelete: boolean, // whether or not all conversations can be deleted
reason: string? // an optional string explaining why the deleteAll was not allowed (if canDelete is false)
}
Note: Failure to delete due to permissions or business rules is indicated by “false”, while unexpected errors should be indicated using the “fail” callback.
tinycomments_delete_comment
The tinycomments_delete_comment
function should asynchronously return a flag indicating whether the comment/comment thread was removed using the done
callback. Unrecoverable errors are communicated to TinyMCE by calling the fail
callback instead.
The tinycomments_delete_comment
function is given a request (req) object as the first parameter, which has these fields:
- conversationUid: The uid of the conversation the reply is a part of.
- commentUid: The uid of the comment to delete (cannot be the same as conversationUid)
The done callback needs to take an object of the form:
{
canDelete: boolean, // whether or not an individual comment can be deleted
reason: string? // an optional reason explaining why the delete was not allowed (if canDelete is false)
}
Note: Failure to delete due to permissions or business rules is indicated by “false”, while unexpected errors should be indicated using the “fail” callback.
tinycomments_lookup
Comments 2.0 uses the Conversation tinycomments_lookup
function to retrieve an existing conversation via a conversation unique ID.
The Display names configuration must be considered for the tinycomments_lookup
function:
- Display names - Comments 2.0 uses a simple string for the display name. For the
lookup
function, Comments 2.0 expects each comment to contain the author’s display name, not a user ID, as Comments 2.0 does not know the user identities. Thelookup
function should be implemented considering this and resolve user identifiers to an appropriate display name.
The conventional conversation object structure that should be returned via the done
callback is as follows:
The tinycomments_lookup
function is given a request (req) object as the first parameter, which has this field:
- conversationUid: The uid of the conversation the reply is a part of.
The done callback needs to take an object of the form:
{
conversation: {
uid: string, // the uid of the conversation,
comments: [
{
author: string, // author of first comment
createdAt: date, // when the first comment was created
content: string // content of first comment
modifiedAt: date // when the first comment was last created/updated
uid: string // the uid of the first comment in the conversation
},
{
author: string, // author of second comment
createdAt: date, // when the second comment was created
content: string // content of second comment
modifiedAt: date // when the second comment was last created/updated
uid: string // the uid of the second comment in the conversation
}
]
}
}
Note: The dates should use ISO 8601 format. This can be generated in JavaScript with:
new Date().toISOString()
.
For more information on the Comments commercial feature, visit our Premium Features page.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论