{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/11/","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 set up source code editing with TinyMCE","slug":"source-code-editing","featured":false,"lastUpdated":"Apr 6th, 2023","description":{"description":"<p>TinyMCE has the ability to edit source code. Find out how to modify the editor, and unlock this TinyMCE ability.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE has the ability to edit source code. Find out how to modify the editor, and unlock this TinyMCE ability."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The words Advanced code editor surrounded by symbols for code editing.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA7VBMVEWovv2ovv6nvv6mvv+nvPutue2uuuuuuuytueytuuyuu+ypvPinvv2pvv6nvf2ku/zT2vX17eP17OD17eH07OH17eLy5tO/v9ulvf+XwPl4xPe62vL1+vbz9/bw8PDx8fLz8/Tw8fL28unCwtykvf+qv/+UvvVru+msz+j7/frz9fPd3Nzj5OTj6+jp7+329/f59evCwtuhufe2qt7GhqDg4u///////v35+Pf7+/n7/vv+//3++vK9weKht/SpuPWsqN65yfvE0fu/y/PE0frBzvmpvvuov/6mv/+lvf6ju/6ftviasfCiuv6kvP46lgrMAAAAaUlEQVQIHU3BMQ7CMBAAwV3LimKR9Pz/HXQ8BoUSIlFQHL5YCGZkkJ+QQWWIQJJYTEHxFQLLvjqA3VaBXU4eMG2VdPbPkwq4rn69J29UIB6LiSg0vVPobNe5a/M0tXYJpJNDSArkIEOQPrb0FwPkG2+aAAAAAElFTkSuQmCC","aspectRatio":1.778205128205128,"src":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1387&h=780&q=50&fit=scale 1387w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1387&h=780&q=50&fm=webp&fit=scale 1387w","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 set up source code editing | TinyMCE"},"metaDescription":{"metaDescription":"This article explains how to set up source code editor step-by-step in your TinyMCE WYSIWYG environment."}}},{"node":{"title":"How to build an LMS experience to rival Canvas and Google Classroom: a tutorial","slug":"tinymce-for-lms","featured":false,"lastUpdated":"Mar 28th, 2023","description":{"description":"<p>The best content creation experience for an LMS editor, one that can rival Canvas and Google Classroom, is possibel using TinyMCE. This tutorial explains how to get there.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The best content creation experience for an LMS editor, one that can rival Canvas and Google Classroom, is possibel using TinyMCE. This tutorial explains how to get there."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A collection of icons showing the tutorial steps in symbolic form.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEXGuf/Huv/Iuv/GuP/Ftv7Gt//Huf/HuP/EvfrEvfnHuf7Ft/vCtPnEtvvEtvzJvvXi4/LRzu3AsvfEtvrFuP/Bs/zA0OzE0e3Bs/vDtvzGufzJvvjNw/nIuv7Pyevn9OjW2eS0p+m5rO3Huf3Guv/KufTnu5LdvsWypvKGddq0q/DGw/vc2PHIv/DJuv/Et/rFuOy/ruTFt/7Ju//NuezzvjTnvqC6rvuwmeW5weu4ze7Du/O5q+7KvP/Iu//WrObnn8LIuf/EseW5quO4quzrwdDYsMy1qe2ypea8ru/Ku/+3suKiqrfFuf/DtvvPwvTGtey2tu2fs9QtHq0dAAAAbklEQVQIHY3BIQoCQRiA0e+T8U+CwSM41SAYRfAAntVuNwtm8QpbTKszK8siuFh8j78JyqCbaIGKxGuqJfnRpFZcOHbvJDt2SW3itvFbARL5unXwmOlpBQi7uWg9N+vn0qNUeqGHrBCxD35E0HsDVAEXJAVAh2cAAAAASUVORK5CYII=","aspectRatio":1.7794994040524434,"src":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fit=scale 1493w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fm=webp&fit=scale 1493w","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":"Configure TinyMCE for your LMS to rival Canvas and Google Classroom | TinyMCE"},"metaDescription":{"metaDescription":"Tutorial on how to configure TinyMCE for the best content creation experience in your LMS."}}},{"node":{"title":"Autoformatting: How to enable it for content in your app's rich text editor","slug":"autoformatting","featured":false,"lastUpdated":"Mar 16th, 2023","description":{"description":"<p>Autoformatting can be a winning feature to include in your app &ndash;&nbsp; find out more about the five essential TinyMCE plugins that can power-up your app with Autoformatting.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Autoformatting can be a winning feature to include in your app –  find out more about the five essential TinyMCE plugins that can power-up your app with Autoformatting."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Highlighted parts of text showing a demo of TinyMCE autoformatting.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAZlBMVEX/zND/zdH/zNH6yMz7yMz7yc34xsr+y8/8x8v7xsr6x8v9ys7jtbnzxcn5x8v7x8v8yc3u0tTz2Nr+ys70wMT0wsb2xcn3xcn3xsn1xcniysv3yczhs7fgs7bgsrbfsrbesLT/ztKh8+n4AAAAVklEQVQIHQXBsRHCMAAAMb3tkI5j//UogQFMQZAAAAAAAJggo8tQIDAJ1YYFHH2d+ywbgdltKdUHC8x7peoNC3rcEvVcMKDXsdacc/TbEDAu4AIAAOAP0d0NIJmAYMgAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.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":"Autoformatting: How to enable it for content in your app's rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"If you're interested in setting up autoformatting for your app’s text input, there are multiple options available as a part of TinyMCE configuration."}}},{"node":{"title":"How to style text in your rich text editor","slug":"style-text-area","featured":false,"lastUpdated":"Mar 9th, 2023","description":{"description":"<p>For styling text, find out how you can put together plugins and options to quickly create all the text styles you need in TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For styling text, find out how you can put together plugins and options to quickly create all the text styles you need in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The word style with some letter colour change on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEUXIk8XIU8WIU8UIE4PHU0LGkwOHE0RHk0PHk0SIE4UIU4WIU4VIU4LHFEACEoHGU0AAEEAAEMAE0wAFE0AHFAUJFQSHk0AAE+bnai9vsSkpq+Bg5Nsb4OoqrR8S2NdLlYAJFkTIU8QHU0AAEiys7vg4OPV1drGx83W2NzTztHiiFq3ZUgAHlQRIU4TH04AEVJucYWTlKF2eYqjpK6ys7xydYeFYlJrT1EAIlkTIVMAAEcAAEAoMFYcJ1IAAEQADk8AG1ETI1QSH00QHk0GGEsIGUyu1yGbAAAAV0lEQVQI132OsQ2AMBDE7IgKaJmFktlhEWoGQFAlNElIgbjmJet0fviI+UiC1EKDKqonQAcwVOYVc9PJN3tpjg3kAx5VFOYy6Rqrvb8XdQvZbn1YUuInD8CWDjKiue2CAAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.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 style text in your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"We’ll go through the many options of textarea styling that are available within TinyMCE rich text editor."}}},{"node":{"title":"How to enrich Blazor TextBox with TinyMCE","slug":"enrich-blazor-textbox","featured":false,"lastUpdated":"Mar 8th, 2023","description":{"description":"<p>Find out how to get rich text editing in your Blazor textbox &ndash; the configurations in this article show how to fine tune the integration.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to get rich text editing in your Blazor textbox – the configurations in this article show how to fine tune the integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The blazor logo on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAsVBMVEUjNHcjNHciM3chM3ciNHcdMHYXLXUeMXYgMnYSK3QACG4YLnUWLXQADW4VLHQhMnYAH3GbnrHf4OTe4OOWma8AH3IZLnUAE29+gp708/ns6P/Wzf/d2Pd3fZsAGXAfMnYAAGyprLrn4v+1pPudgvrm4f+hpbcAAG4AFG9/hJ7p5/nSyP/19vh0epwAGXEAIXHc3eTd3uSVmbAAHnMYLXUTK3QAC24bMHUXLnUAC28UK3Tc4dJ0AAAAAXRSTlP9g+pWxwAAAG9JREFUCB0twTEOAjEMRcH3ExMQEtqSE3D/09DSIiiXDu3G2AkzEpOEO4MbQ/UitGknSYRqmlaCG6n3syYnGKktmi4rwUhX/b1JhfQ6hX4MpEL6PtrzsLTWPiQjldJuCncnSaTq5mjTTnCJScKdwX8dfB1VhkJYKgAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enrich Blazor textbox with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Find out how to get rich text editing opportunities in the textbox of your Blazor app and many of its additional configurations you may need."}}},{"node":{"title":"How to add text animation to your app’s textarea","slug":"create-text-animation","featured":false,"lastUpdated":"Mar 1st, 2023","description":{"description":"<p>It's possible to animate text in TinyMCE - here's how to do it: the text animation examples are a good place to start.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It's possible to animate text in TinyMCE - here's how to do it: the text animation examples are a good place to start."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A transition of a circle shape through different hues and transparency, representing animation frames","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCf/EACAQAAIBAwUBAQAAAAAAAAAAAAECAwARMQQFBhIhUXH/xAAZAQACAwEAAAAAAAAAAAAAAAABBgIDBQT/xAAgEQABAwQCAwAAAAAAAAAAAAAAAQIDBBEhMQUSQVGR/9oADAMBAAIRAxEAPwDO7S6VZZ4o2cRKzBTI2FBOT+U2tZczblxzzgG1cRh0b7dvybu0zWZB0Jt1v2HU4v579pr5Lh6agpYZ4ahJHP2mMY2lvmfZnwVMk0jmOZZE8koun8xS/wBTtBxqLYqKBGYo0XCgX+VYjUTSAVRgAWq4gf/Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","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 text animation in your app’s text editor | TinyMCE"},"metaDescription":{"metaDescription":"We explained how to get started with text animation creation with TinyMCE - the advanced way to style the text in your app’s textarea."}}},{"node":{"title":"How to enrich Django TextField with TinyMCE","slug":"enrich-django-textfield","featured":false,"lastUpdated":"Feb 23rd, 2023","description":{"description":"<p>Find out how to set up an enhanced Django textfield for your app with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to set up an enhanced Django textfield for your app with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A representation of Django on a background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAk1BMVEUjNHciM3chM3ciNHceMXYXLXUhMncTK3QAB24XLHUZLXYACG8gMnYAGnGXma/e3eXc3eSYm7IAHnMAFXB3epr39vno8u3S5tvy9PZ7fqAAAG2ipLf6/Pys0r6jzbj2+vmlp7wAAG4fMnZ3e5r29vjy+PXa6+Lx8/V7fqEAFXHe3uWZm7MAH3QABm4WLHUYLXYdMHY8RHL7AAAAaElEQVQI12NggAJGJiZGBlTAzMTCysrCxIwiyMbOwcnFzc6DLMrIysvHLyAoxIpsAo+wiKiYuISkMA+yoJS0jKycvIKiEopKZRVVNXUNTR40M7W0tHVQzATarqunj2Y7xJ0GaO5E9REAUxkFwRTPPWMAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.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 enrich Django textfield with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"In order to set up enhanced Django textfield in your app with the TinyMCE editor you’d need to follow the simple process described in this article."}}},{"node":{"title":"How to upgrade from TinyMCE 4 to 6","slug":"upgrade-tinymce-4-to-6","featured":false,"lastUpdated":"Feb 16th, 2023","description":{"description":"<p>To upgrade from TinyMCE 4 to TinyMCE 6, the steps involved are changing version numbers, and then checking your configuration. Read on to find out more about how it's done.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To upgrade from TinyMCE 4 to TinyMCE 6, the steps involved are changing version numbers, and then checking your configuration. Read on to find out more about how it's done."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The migration process represented by white and orange gears","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.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 upgrade from TinyMCE 4 to 6 | TinyMCE"},"metaDescription":{"metaDescription":"There’s a plenty of options how you can upgrade from TinyMCE 4 to TinyMCE 6, choose your and discover new rich text editing opportunities with the freshest TinyMCE version."}}},{"node":{"title":"How to upgrade TinyMCE 5 to TinyMCE 6","slug":"upgrade-to-tinymce-6","featured":false,"lastUpdated":"Feb 15th, 2023","description":{"description":"<p>Find out everything you need to know when you need to upgrade your app onto the newest version of TinyMCE: this new guide covers editor, plugin, and API configuration changes.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out everything you need to know when you need to upgrade your app onto the newest version of TinyMCE: this new guide covers editor, plugin, and API configuration changes."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"upgrade to tinymce 6 from tinymce 5","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.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 upgrade to TinyMCE 6 | TinyMCE"},"metaDescription":{"metaDescription":"Everything you need to know to upgrade to the newest version of TinyMCE: editor, plugins and APIs configuration."}}},{"node":{"title":"How to change the text area background color with TinyMCE","slug":"textarea-background-color","featured":false,"lastUpdated":"Feb 9th, 2023","description":{"description":"<p>Learn how to change the text area background color and much more in this guide</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to change the text area background color and much more in this guide"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A WYSIWYG with an alternative colored background. ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEUXIk8XIk8XIU4WIU4WIU0WIEkZIT4ZIDoZHzkYHzkZIDkYHzoYID4XIUkVH0kiLWE8S54+TZ86SZ06Sp05SJwwQpswQpkfKl0VIEkXIk4UHT8kNok/Y/9BZf8/ZP9AZf86YP0gM4AVHkEUHD0jNodCZf9FaP9FZ/9EZ/9GaP88Yf0fMn8VHT8UHT4jNok4YP84Yf83Yf82X/8hM4AVHkAVHkMhMnwzVeEyVeQyVeMyVeUyVN8gMHUVH0UXIUwZI0wZIkcZIkYZIkgXIU0WIUsWIEpdAdZqAAAAAXRSTlP9g+pWxwAAAGdJREFUCB0FwbFRw0AUQMF9mhvmxKgA1+AqKJ0WSHDqUA0Qf3YLAIBZoAIzAwuOo1LV36DoqipV3WbBVdWoemPBWSVVsOCzInMULNhVqIIDc7723nvvvX4+BoXHs77xNfN7MwUCDMw/nvUXN0+Uk88AAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.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 change the text area background color | TinyMCE"},"metaDescription":{"metaDescription":"There is a plenty of text area background customizations available in TinyMCE. Learn how to change the text area background color and much more in this guide"}}},{"node":{"title":"How to use TinyMCE for WYSIWYG editing in your Email Marketing Platform","slug":"email-marketing-platform","featured":false,"lastUpdated":"Feb 8th, 2023","description":{"description":"<p>You can create an Email Marketing Platform to rival the leaders in the field. Find out how with TinyMCE</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can create an Email Marketing Platform to rival the leaders in the field. Find out how with TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Email marketing platform tutorial in powerful typography","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABDlBMVEUQGDcPGDcPFzcPFzYOFzYIEjUABDEABjEAAC8AATAAAjAABTEAAzAGEjQOFzcFEzUkKkBNT1tCRVNER1VNT1xJTFlKTFlDRlRERlROUV0pLUIGEjUaGTcUETQ+PU12dn5tbHRvbnZ3d35ubnZwcXloaHFqanJsbHRCQ1IMDjMQFzcSGDcvHjgzHjgwGTUfBi8pCzApCC8kAy0jBC8kBi4rDDAoDDAhBS8hBi8oFzQqHDcWGDcMFzchHjctIjYrITYvIzYlHjYtITUoHzYrITUxIzU2JTUzJDUxJDU0JTYvJDYkIDYRGDcZGzcgHzYbHDYmIjYXGzchHzYlITYiIDYkITYoIzYnIjYTGTcNFzem2vl1AAAAbElEQVQIHW3BywnCQBRA0XvHMbuJFViBYAMuLCCVWkBSiBtLsADBTWSekYA/cg5LBJwwiwkIpqSRVCJ5r4FSfKsrvVYy0foxNm4ukdn5p9z04DfUIXM++hJpbPTBGhELdH3X75ltTyEgP4JFT0Q6G2wntmHwAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.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":"WYSIWYG editing for your email marketing platform | TinyMCE"},"metaDescription":{"metaDescription":"Build an Email Marketing Platform with TinyMCE as your platform WYSIWYG"}}},{"node":{"title":"How to enable HTML and JavaScript code snippets in your app","slug":"code-snippets","featured":false,"lastUpdated":"Feb 2nd, 2023","description":{"description":"<p>Find out how to set up code snippets facilities for content creators.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to set up code snippets facilities for content creators."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A code snippet symbol with the HTML5 and JavaScript icons overlayed to show they are close","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAulBMVEUQGDcPFzYOEzAKCSILCSINES0PFjUQFzYYI00wSpEuSI0ZKVkHCywMFTUNByccPm02fM0dccIAVZkAABMAACgIEzUOACUHS24OjL6BocCNqMaSk5ZHSVkAACwMFTYPGDcOACkAUGdUtc3u3N3+597478WrqqsAACIJEzUPFzcODzMAGjglV2azqazBuLnAvrVzdH8LFTYPFjYKDTIAACQAACAAAB4DDzQOFzYQFzcMFDUEEDQADjMBDzT6ES7GAAAAZklEQVQI12NgwAIYkej/aIKMYPD7P7Ig+282sOiX/0iCjLwQpYxv/iOp5GeEgYdALgvEFC64IAOG4BPZdwjBnxwgoXsMymDdDEwQlezn2NjYNBkZP4J5zBDBJww856X+Mb+/A+YBAAhvFLm9lV51AAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.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 enable code snippets | TinyMCE"},"metaDescription":{"metaDescription":"Find out how configure your app to create code snippets for anyone writing content in your app."}}}]},"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":"<p>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.</p>","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":120,"numPages":20,"currentPage":11,"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"]}