TinyMCE is a powerful and flexible rich text editor that can be embedded in web applications. It provides a wide range of features for text formatting, media embedding, and content management.
Basic Text Formatting
This initializes TinyMCE on a textarea with the ID 'mytextarea', enabling basic text formatting options like bold, italic, underline, and more.
tinymce.init({ selector: '#mytextarea' });Image and Media Embedding
This configuration allows users to embed images and media files into the text editor. The 'image' and 'media' plugins are included, and the toolbar is updated to include buttons for these functionalities.
tinymce.init({ selector: '#mytextarea', plugins: 'image media', toolbar: 'image media' });Custom Toolbar
This example shows how to customize the toolbar with specific buttons for undo, redo, text styles, alignment, and indentation.
tinymce.init({ selector: '#mytextarea', toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent' });Content Style Customization
This configuration customizes the content style within the editor, setting the font family and size for the text.
tinymce.init({ selector: '#mytextarea', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }' });Autosave Plugin
This example demonstrates the use of the 'autosave' plugin, which automatically saves the content at specified intervals (every 30 seconds in this case).
tinymce.init({ selector: '#mytextarea', plugins: 'autosave', autosave_interval: '30s' });CKEditor 4 is another popular rich text editor that offers a wide range of features similar to TinyMCE. It provides extensive customization options and a variety of plugins for different functionalities. CKEditor 4 is known for its robust performance and ease of integration.
Quill is a modern rich text editor built for compatibility and extensibility. It offers a clean API and a modular architecture, making it easy to customize and extend. Quill is lightweight and provides a responsive user experience.
Froala Editor is a lightweight WYSIWYG HTML editor with a focus on performance and user experience. It offers a rich set of features, including inline editing, image management, and a variety of plugins. Froala Editor is known for its sleek design and ease of use.
Production ready minified version of TinyMCE excluding the source code, build tools and unit tests. If you need the full source code go to the main repository instead.
Each release has it's own tag using the semver standard. This means you can checkout a specific version using git clone.
git clone -b <version> git://github.com/tinymce/tinymce-dist.git
You can add TinyMCE as a submodule to your existing repository.
git submodule add git@github.com:tinymce/tinymce-dist.git tinymce
You can also install TinyMCE using various package managers.
FAQs
Web based JavaScript HTML WYSIWYG editor control.
The npm package tinymce receives a total of 296,000 weekly downloads. As such, tinymce popularity was classified as popular.
We found that tinymce demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PEP 770 proposes adding SBOM support to Python packages to improve transparency and catch hidden non-Python dependencies that security tools often miss.
Security News
Socket CEO Feross Aboukhadijeh discusses open source security challenges, including zero-day attacks and supply chain risks, on the Cyber Security Council podcast.
Security News
Research
Socket researchers uncover how threat actors weaponize Out-of-Band Application Security Testing (OAST) techniques across the npm, PyPI, and RubyGems ecosystems to exfiltrate sensitive data.