{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/12/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way","description":{"description":"Understand the Tiny Way - our heritage, values-driven approach and thinking through stories from and about Tiny people and culture, technology and the world at large."}}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth","description":{"description":"Everything from product roadmaps and market fit, through customer acquisition and onboarding to retention and product-led growth, can be found here to help you grow your brand, company and product."}}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG","description":{"description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects."}}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design","description":{"description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences."}}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights","description":{"description":"The perfect source for all web application and software developers, as well as engineering teams who want to stay up to date with the latest development tools, developer insights, leading edge thinking and experiments."}}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source","description":{"description":"Having a vibrant open source community is a vital part of TinyMCE, so you'll find important open source contribution news here – both from our own community, and from other open source projects in global communities."}}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":{"description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms."}}}]},"allContentfulBlogPost":{"edges":[{"node":{"title":"How to run a TinyMCE test: unit testing vs smoke testing vs sanity testing","slug":"unit-vs-smoke-sanity-testing","featured":false,"lastUpdated":"Feb 1st, 2023","description":{"description":"

Find out about testing and TinyMCE - what's involved, and how it works.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out about testing and TinyMCE - what's involved, and how it works."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Testing as a concept represented by checkboxes, lines of text, and a thumbs up emoji","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAtFBMVEUjNHciNHciM3chM3cYLXUMKHQCJXMAJHMKJ3MdMHYgMnZYX4pmbJFvdJZuc5VvdJVscZQ1QXxaYYt2e5p2epp0eJg9SIASLnkgM3gfMXYkNHdtcpV8gJ2FiKOEh6KGiqVjaYtJQmEhN3YhNHgcL3ZDTIFrcJR1epl5fZx3fp5cX3CffDk1Q2seNXkjM3ceMXZfZY1obZE+VoAnRmwcQHghM3gTK3QIJ3MEJXMIJnMZL3YfNXmN2SCGAAAAZ0lEQVQIHXXBsQ3CQBAAwd3H8Mg0QEoB9N8CsXNyhGjAEtxzb0uOYIZfpFOBRrCQZDG14hx0A8nqijlIA4v63tuKB58BSPLs5g5It7u4maDQxek1jo/PMU2ALMq12t1aALJSaRD89QXhqhbxlaXRTwAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to run a TinyMCE test: unit tests vs smoke testing vs sanity testing | TinyMCE"},"metaDescription":{"metaDescription":"This article discusses differences between unit testing, smoke testing and sanity testing and explains how to run TinyMCE tests."}}},{"node":{"title":"How to automatically insert special characters in your content","slug":"insert-special-charcters-automatically","featured":false,"lastUpdated":"Jan 26th, 2023","description":{"description":"

With the new Advanced Typography plugin, you can add professional typographical symbols into your content. Here's how the plugin works.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With the new Advanced Typography plugin, you can add professional typographical symbols into your content. Here's how the plugin works."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A rich text editor with typographical symbols appearing inside it.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAgUDBAn/xAAhEAABBAEDBQAAAAAAAAAAAAABAAIDBCEFETESIqGxwf/EABoBAAICAwAAAAAAAAAAAAAAAAIDAAEEBQb/xAAZEQEBAQEBAQAAAAAAAAAAAAAAARECIRL/2gAMAwEAAhEDEQA/AM9dKqQS3GNtdQg2JcWc+ius+bnjXSm1rTNLbUe+rJMZWgdj2uz42x9R8TrfUuF7a+OFlTkvQxtGMIZF1ZjATYpMANkwD//Z","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to automatically insert special characters in your app | TinyMCE"},"metaDescription":{"metaDescription":"Automatic special characters insertion can be implemented with Advanced Typography TinyMCE plugin. Follow the detailed setup process described in this article."}}},{"node":{"title":"How to get inline CSS in HTML for your apps","slug":"inline-css-html","featured":false,"lastUpdated":"Jan 18th, 2023","description":{"description":"

Find out how to create inline CSS in HTML content in your apps

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to create inline CSS in HTML content in your apps"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"CSS style added inline to a list of HTML tags","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAMJ/8QAIBAAAgICAQUBAAAAAAAAAAAAAQIAAwURBCExQVHB0f/EABgBAQEAAwAAAAAAAAAAAAAAAAIDBAUG/8QAHBEAAgIDAQEAAAAAAAAAAAAAAAECEQMSURMx/9oADAMBAAIRAxEAPwDPnHYivk1hn5SUk+G1+zsIQ6zT5MujrVseuDqRSWyFY0N6XR+y6iukve/kWFehlYhXLqOze46fS6YWo9JKI2NqAmQgNlown//Z","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to inline CSS in HTML content in your apps | TinyMCE"},"metaDescription":{"metaDescription":"Inline CSS in your HTML content is possible with TinyMCEs new inline CSS Plugin. Find out how to create inline CSS in HTML content in your apps"}}},{"node":{"title":"How to add WYSIWYG editing to your project management platform: a tutorial","slug":"add-wysiwyg-editor-to-project-management-tool","featured":false,"lastUpdated":"Dec 14th, 2022","description":{"description":"

Find out how to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Project management platform tutorial in large letters filling the image","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEUQGDcPGDcPFzcPFzYKFDUEETQEEDQDDzQCDzMCDjMEDzQIFDUiJz8xNUctMUUsMEQvM0YzNkgqLkM0N0khJz4JFDUNDjNNTVpycnpsbXVnZ3B1dXx4eYBsbHRlZW5qa3N2dn1QUV0ADDISGDcoGzkqGTglFzcjFjcmFDYnFjckFDYiFDYlFDYmFjceEzYfFzcUFzYOFzYVGjsXGzwYGz0WGjwVGTsWGTsWGj0ZGz4aHD4bHD8aHD8cHD4ZHD8VGz0QGDgPGTgQGTkPGDgQGToPGTkRGTsRGToRGjsSGjtlLH63AAAAXklEQVQIHQXB0Q0BQQBAwXnrBJEoQiNqVwGN8E9i1wwAAAgFWbAW0ahUc+5911xinKrSGnNXr2mTc1WqqjfpWlVVfY71sHGpqqqqO5v1vJWU+h5CyGAOwA8AAAAAAP7B7BYMfiw/EAAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":" How to add WYSIWYG editing to your project management tool | TinyMCE"},"metaDescription":{"metaDescription":"Configuration steps needed to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools."}}},{"node":{"title":"How to configure URL validation in your app","slug":"configure-url-validation","featured":false,"lastUpdated":"Dec 6th, 2022","description":{"description":"

Put the Link checker plugin to the test, and validate links without opening or clicking on them.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Put the Link checker plugin to the test, and validate links without opening or clicking on them."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An icon representing a URL being validated - the check mark indicating it has passed validation","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAw1BMVEUuRJ4tRJ4tQ54sQ54xRp8vRZ4vRJ4wRZ88TaFibKtNWqVGVaNDUqJEU6JHVqNKWKRMWaRMWqUyRp85S6A+T6EiPZ1faaqeosWcoMR1fbIYOJxAUaI0SJ8JM5t8g7WprcudocRqc654f7NEVKMnQJ0LNJuBh7eDiriXnMKSl78oQZ05TKAPNZt+hbaVmsB9g7WxtM+an8MpQZ06TKBPXKWJj7uGjLl6gbQqQp4rQp4kPp0RNpsNNJsMNJsYOZwsQp4zR59AOQ0UAAAAeElEQVQIHQXBoU4DQQBAwXnX7d0SBEGQIBFovoHv5yuwdbWF0GUmVABrLQxQ/djX5v5nEU7nqqpu83pnwGNVdTm9dMUA66Gqt64TBjBvR/W7Axt4PZ7mnPN7AhuYl+M49v1jBwbwXlUHMICvFWttzwC2MTZg+zyHfwzzGC8gPA0sAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to configure URL validation in your app | TinyMCE\n"},"metaDescription":{"metaDescription":"Necessary steps for setting URL validation within your app. Use our Link checker plugin to validate links without opening or clicking on them."}}},{"node":{"title":"How to reload editors in web app forms and refresh content","slug":"reload-content-refresh-content","featured":false,"lastUpdated":"Dec 1st, 2022","description":{"description":"

Discover how to reload TinyMCE and refresh content as you need it

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover how to reload TinyMCE and refresh content as you need it"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE and a refresh icon ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to reload editor and refresh content | TinyMCE"},"metaDescription":{"metaDescription":"This post explains how to reload TinyMCE and refresh content when rich text editor is placed inside modals and form submissions."}}},{"node":{"title":"How to copy and paste content from Word or Excel to your web application","slug":"copy-and-paste-from-word-excel","featured":false,"lastUpdated":"Nov 30th, 2022","description":{"description":"

Find out how to enable the functionality of copy paste from MS Word or Excel content for your web application with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to enable the functionality of copy paste from MS Word or Excel content for your web application with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"compare copy and paste rich text editor features","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABI1BMVEUXIlAVIlATIlAUIlAVIk8VIU8UIU8WIk8XIk8AIVAAH1AAIFAEIVALIU8DIU8AIE8IIU8WIlAxJVFXLVMjIlEAG1AAH08/KFBcL1E8J1AHIU8AHFCDPVP0a1nqaFe+VlSHP1J+OVOMP1N4OlEAHk8SIlAAF1CFRU7/gEf/gUflcUqKSE1uPkxRMU51P00AHU8SIVAAE1GCTEv/jzLziDa6aUOdWkapYUVoP0x0RUsAG08ADlGDVUj/oBv/oxbijy6IWEZtRUpQOEx0TEkAGU8UIVAAD1GAW0fvpRvlnSS6fzmEXUV6WkaIYkR1VEcAGFAAHVEvLk9UQ0wiKVAAFFE+M01ZRUs6Mk0IHk8WIU8CHlEAF1EAG1EFH1AMH08EHk8TIVDpiHu1AAAAbUlEQVQI12NkAANGRsZ/zGAM5oHFmNkYIeArM1xQ8AcnVJDxLSNMkEkSJsb4EKSUBSSozIgADDBBblQxiCADFxZBUYTK/2DHgIj3qmxAcFWWlZVV+wbcna4Qtbfl1jIzIABjgisjUB1rJAcIAAD/oQ4hJZMAbAAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Copy and paste content from Word or Excel to your web application | TinyMCE"},"metaDescription":{"metaDescription":"This article shows how to enable the functionality of copy paste from MS Word or Excel content for your web application with TinyMCE."}}},{"node":{"title":"How to add drag and drop in your app’s rich text editor","slug":"drag-and-drop","featured":false,"lastUpdated":"Nov 24th, 2022","description":{"description":"

Discover the steps to complete to enabling drag and drop within your app's text editor 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover the steps to complete to enabling drag and drop within your app's text editor "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"an initial image being dropped into the primary image imitation drag and drop","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Drag and drop elements within your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"A step-by-step guide for enabling drag and drop features within your app's text editor."}}},{"node":{"title":"How to optimize React apps – a tutorial","slug":"react-performance-optimization","featured":false,"lastUpdated":"Nov 22nd, 2022","description":{"description":"

FInd out how to optimize React during the setup, in the process of building and during the production

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"FInd out how to optimize React during the setup, in the process of building and during the production"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"React and Tiny MCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"React performance optimization guide | TinyMCE"},"metaDescription":{"metaDescription":"We cover the React performance optimization on different stages of building React app: how to optimize it during the setup, in the process of building and during the production."}}},{"node":{"title":"How to create and insert custom templates","slug":"custom-templates","featured":false,"lastUpdated":"Nov 17th, 2022","description":{"description":"

The complete guide on how to create custom templates and to insert custom templates. Read on to discover the steps involved.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The complete guide on how to create custom templates and to insert custom templates. Read on to discover the steps involved."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A template stamp adding a curve stamp shape again and again","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create and insert custom templates | TinyMCE"},"metaDescription":{"metaDescription":"The complete guide on how to create custom templates and to insert custom templates."}}},{"node":{"title":"How to insert and customize skins and icon packs in TinyMCE","slug":"tinymce-skins-and-icons","featured":false,"lastUpdated":"Nov 15th, 2022","description":{"description":"

Check out our range of modern skins and icon packs. Read on to find out how to apply them to TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Check out our range of modern skins and icon packs. Read on to find out how to apply them to TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE editor with customized skin.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to insert and customize skins and icon packs | TinyMCE"},"metaDescription":{"metaDescription":"Customize TinyMCE skins and icons to enhance your UX. Check out our range of modern skins and icon packs and how to apply them to your instance of TinyMCE."}}},{"node":{"title":"How DOM manipulation with the DOM.utils API works","slug":"dom-manipulation-with-dom-utils","featured":false,"lastUpdated":"Nov 7th, 2022","description":{"description":"

Find out how to perform DOM manipulations with an API, such as adding or removing content to the text area

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to perform DOM manipulations with an API, such as adding or removing content to the text area"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The words DOM manipulation in front of a tree with a flying creature behind it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7771295215869312,"src":"//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1523&h=857&q=50&fit=scale 1523w","srcWebp":"//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1523&h=857&q=50&fm=webp&fit=scale 1523w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How DOM manipulation with the DOM.utils API works | TinyMCE"},"metaDescription":{"metaDescription":"We’ll explain how to perform DOM manipulations such as adding or removing content to the text area with TinyMCE DOM.utils API."}}}]},"featuredPost":{"edges":[{"node":{"title":"Implement Lazy Loading for Revision History in TinyMCE - Complete Guide Part 2","slug":"how-to-implement-lazy-loading-in-tinymce-revision-history","featured":true,"lastUpdated":"Sep 18th, 2024","description":{"description":"

Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Revision History in TinyMCE with lazy loading for efficient webpage loads","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEX84dL94dL94tL94dH739D94ND539P749b14Nf84NL43tTp4Ofs2Nj318v26unv5+z63tD94tP+49P45tzu2tP73c/84tn7/v/s7PTx0cn76OL37u/7287939D129D23tX74tf82sz73NP8/f/19Pj13dTv4eLz29X72sz93s/33dDNusfWxtP15Nz539b70sb53tj36+n65Nr4+v3y4d342MX73c743c712sr01sj72839283818n61Mb62cr55t/33NH83Mv94NH939H83Mz728uOiwjCAAAAXUlEQVQIHQXBsRFBURRAwT3PG6nRgFCgC5VrRs4vwFy7AQgYBIRMxrBAstbJ3iDIuaqqYwhXVVVV77HJ51ZVVWHDo6qqCps53KuqKoS6+D4bq9/LEARjXRwzAAAAfw6tFJY1df7tAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Implement Lazy Loading in TinyMCE Revision History | TinyMCE"},"metaDescription":{"metaDescription":"Enhance TinyMCE's revision history with lazy loading. Learn how to reduce load times and improve scalability in your editor setup."}}}]}},"pageContext":{"limit":12,"skip":132,"numPages":20,"currentPage":12,"slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms.","page":"category","featuredPostSlug":"how-to-implement-lazy-loading-in-tinymce-revision-history","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]}}},"staticQueryHashes":["2492987505","740350947"]}