- 快速入门
- 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
tinymce-html-Node
Examples
var node = new tinymce.html.Node('strong', 1);
someRoot.append(node);
Constructors
name | summary | defined by |
---|---|---|
Node() | Constructs a new Node instance. | tinymce.html.Node |
Methods
name | summary | defined by |
---|---|---|
append() | Appends a new node as a child of the current node. | tinymce.html.Node |
attr() | Gets/sets or removes an attribute by name. | tinymce.html.Node |
clone() | Does a shallow clones the node into a new node. It will also exclude id attributes since there should only be one id per document. | tinymce.html.Node |
create() | Creates a node of a specific type. | tinymce.html.Node |
empty() | Removes all children of the current node. | tinymce.html.Node |
getAll() | Get all children by name. | tinymce.html.Node |
insert() | Inserts a node at a specific position as a child of the current node. | tinymce.html.Node |
isEmpty() | Returns true/false if the node is to be considered empty or not. | tinymce.html.Node |
remove() | Removes the node from it's parent. | tinymce.html.Node |
replace() | Replaces the current node with the specified one. | tinymce.html.Node |
unwrap() | Unwraps the node in other words it removes the node but keeps the children. | tinymce.html.Node |
walk() | Walks to the next or previous node and returns that node or null if it wasn't found. | tinymce.html.Node |
wrap() | Wraps the node in in another node. | tinymce.html.Node |
Constructors
Node
public constructor function Node(name:String, type:Number)Constructs a new Node instance.
Parameters
- name (String) - Name of the node type.
- type (Number) - Numeric type representing the node.
Methods
append
append(node:tinymce.html.Node):tinymce.html.NodeAppends a new node as a child of the current node.
Examples
node.append(someNode);
Parameters
- node (tinymce.html.Node) - Node to append as a child of the current one.
Return value
- tinymce.html.Node - The node that got appended.
attr
attr(name:String, value:String):String, tinymce.html.NodeGets/sets or removes an attribute by name.
Examples
someNode.attr("name", "value"); // Sets an attribute
console.log(someNode.attr("name")); // Gets an attribute
someNode.attr("name", null); // Removes an attribute
Parameters
- name (String) - Attribute name to set or get.
- value (String) - Optional value to set.
Return value
- String - String or undefined on a get operation or the current node on a set operation.
- tinymce.html.Node - String or undefined on a get operation or the current node on a set operation.
clone
clone():tinymce.html.NodeDoes a shallow clones the node into a new node. It will also exclude id attributes since there should only be one id per document.
Examples
var clonedNode = node.clone();
Return value
- tinymce.html.Node - New copy of the original node.
create
create(name:String, attrs:Object)Creates a node of a specific type.
Parameters
- name (String) - Name of the node type to create for example "b" or "#text".
- attrs (Object) - Name/value collection of attributes that will be applied to elements.
empty
empty():tinymce.html.NodeRemoves all children of the current node.
Return value
- tinymce.html.Node - The current node that got cleared.
getAll
getAll(name:String):ArrayGet all children by name.
Parameters
- name (String) - Name of the child nodes to collect.
Return value
- Array - Array with child nodes matchin the specified name.
insert
insert(node:tinymce.html.Node, refNode:tinymce.html.Node, before:Boolean):tinymce.html.NodeInserts a node at a specific position as a child of the current node.
Examples
parentNode.insert(newChildNode, oldChildNode);
Parameters
- node (tinymce.html.Node) - Node to insert as a child of the current node.
- refNode (tinymce.html.Node) - Reference node to set node before/after.
- before (Boolean) - Optional state to insert the node before the reference node.
Return value
- tinymce.html.Node - The node that got inserted.
isEmpty
isEmpty(elements:Object, whitespace:Object, predicate:function):BooleanReturns true/false if the node is to be considered empty or not.
Examples
node.isEmpty({img: true});
Parameters
- elements (Object) - Name/value object with elements that are automatically treated as non empty elements.
- whitespace (Object) - Name/value object with elements that are automatically treated whitespace preservables.
- predicate (function) - Optional predicate that gets called after the other rules determine that the node is empty. Should return true if the node is a content node.
Return value
- Boolean - true/false if the node is empty or not.
remove
remove():tinymce.html.NodeRemoves the node from it's parent.
Examples
node.remove();
Return value
- tinymce.html.Node - Current node that got removed.
replace
replace(node:tinymce.html.Node):tinymce.html.NodeReplaces the current node with the specified one.
Examples
someNode.replace(someNewNode);
Parameters
- node (tinymce.html.Node) - Node to replace the current node with.
Return value
- tinymce.html.Node - The old node that got replaced.
unwrap
unwrap()Unwraps the node in other words it removes the node but keeps the children.
Examples
node.unwrap();
walk
walk(prev:Boolean):tinymce.html.NodeWalks to the next or previous node and returns that node or null if it wasn't found.
Parameters
- prev (Boolean) - Optional previous node state defaults to false.
Return value
- tinymce.html.Node - Node that is next to or previous of the current node.
wrap
wrap()Wraps the node in in another node.
Examples
node.wrap(wrapperNode);
Can't find what you're looking for? Let us know.
Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论