{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/18/","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":"What you need to know about TinyMCE’s toolbar","slug":"tinymce-rich-text-editor-toolbar","featured":false,"lastUpdated":"Aug 3rd, 2021","description":{"description":"<p>To take control of your TinyMCE toolbar, all you need is to adjust the rich text editor HTML with a toolbar group name, some plugins for the group, and a new icon for the group. We&rsquo;ve put together a short guide on the proc</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To take control of your TinyMCE toolbar, all you need is to adjust the rich text editor HTML with a toolbar group name, some plugins for the group, and a new icon for the group. We’ve put together a short guide on the proc"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Building tools such as hammer, nails and tape measure","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAPABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAUDBgj/xAAnEAACAgEDAwIHAAAAAAAAAAABAgMEEQUSIQAGEyJRFjEyUmFxkf/EABYBAQEBAAAAAAAAAAAAAAAAAAMEAv/EACMRAAICAQMDBQAAAAAAAAAAAAECABEDITGRE1GhQkNxsdH/2gAMAwEAAhEDEQA/AMv9q6hR0TtHXa605E1a1YpyV9QiXJYIzMYXbI8aAr5Ny8kgZ4GCeSywQGjvxNY6Cs7C4/7ke9ZFHuuxNO1q4UkeCYgpbXeV9ZGMbQAgOBj+9KnU9w6zD9P0DSRm7VtkzJB40ckiNhkpz9J/I+XSQJTNA70oUNCsaRYRzqM9hHidF4MAD79x9/WV/WOpWwlsy5QdgRXzX1UqXIFxNjrcjxf7G3xLXqy6LWSGNmuK1qf0Z8pfCxgjgEbUB5+49ZV9XyN3rjfzEZTSY17Xzt4hb1xlsMrRhWU4K+x6qDAixIyCpoz/2Q==","aspectRatio":1.3649885583524028,"src":"//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=185&h=136&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=370&h=271&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=739&h=541&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=1109&h=812&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=1478&h=1083&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=2217&h=1624&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=3579&h=2622&q=50&fit=scale 3579w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=185&h=136&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=370&h=271&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=739&h=541&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=1109&h=812&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=1478&h=1083&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=2217&h=1624&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=3579&h=2622&q=50&fm=webp&fit=scale 3579w","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":"What you need to know about TinyMCE’s toolbar"},"metaDescription":{"metaDescription":"To take control of your TinyMCE toolbar, all you need is to adjust the rich text editor HTML with a toolbar group name, some plugins for the group, and a new icon for the group. We’ve put together a short guide on the proc"}}},{"node":{"title":"How to set up the TinyMCE save plugin","slug":"set-up-the-tinymce-save-plugin","featured":false,"lastUpdated":"Jul 12th, 2021","description":{"description":"<p>TinyMCE offers an open source plugin for saving rich text editor contents. Learn how it works, and how to put together a proof of concept.&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE offers an open source plugin for saving rich text editor contents. Learn how it works, and how to put together a proof of concept. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Downloading logo and up and down arrows over a blue transparent grid. ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABxVBMVEUMEywMEisKEisKESoMEy0LEisIDygCCykFDzAKEiwLEiwIDykABSUABjIxOVw7Q2YGDy8MFC0KESsBCSYAACwiK09UXH1veZ1YYYcABy0IESoEDiwaI0hNVHRweZh5g6VyfaNQWoMABCoXEywLEywMFC8MFC4JESsABS9WXn5+h6V6g6Vtd51odJ5IVIAgEzkwIUgVFC0QGj0UHkYNFC8IECoAAC1eZoV+h6dveJ1XY5FeaplJT30sIVAfJlchGzoQGz4YI1EOFjNcZIR5hKZpdZ1VYZFQXpM+SHkoHEIfJVUeIk0THD8XI1AAAS1YY4V9gKJ8Z4ReX4pDUYQjLlkWFjUeI08cI0wXH0YXIk8OFjIACzFtWnyEXoNOQHUkNGoSHD8EDCYTFzYaI08WH0UZJFMZI1AOFTEIEisAEzRzSW1PPXcXO3kVJlcABB4IESkRGTkZJFESGTsZJFIaJlgbIEYPFC4IEywADytqNFRHO3k/TX11doMCCyYJESwUHkUOFzUZHUIeJ1ohIkwQFS8KEy0ADylYKUQ6K10PHj0yNUAGDysLEi0LEy0VFzIoIUcUFjEIEy0GESoEDygCDCoKEi0RFC1L/cLHAAAAnUlEQVQYGVXBsQ4BQRiF0e/yE5EMIdlEvRKt3vPolWqNREEhGm/lCaZToJyIhCkMu2H3HEpqNDFK4qul5AWRDyPpqvB0IZIIGKp0JYkgoz3QnweijLGqToBBT1XRwAA/1c+dxICZ/hyJwXmiChIZc9XswKCvwmWkD8Cgp8KajaSDI8hgG1uSFvktsH8cwcuAVWcJOLJbyAEvo8Zl4N8Igh+xZvPesgAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1109&h=911&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1478&h=1214&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1792&h=1472&q=50&fit=scale 1792w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1109&h=911&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1478&h=1214&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1792&h=1472&q=50&fm=webp&fit=scale 1792w","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 the TinyMCE save plugin"},"metaDescription":{"metaDescription":"TinyMCE offers an open source plugin for saving rich text editor content. Learn how it works, and how to put together a proof of concept. "}}},{"node":{"title":"Useful styles for your TinyMCE content_css","slug":"wysiwyg-css-style","featured":false,"lastUpdated":"Jun 1st, 2021","description":{"description":"<p>Learn how to make the editing experience of TinyMCE even easier. There are a few unique css options you can write into your content_css to change your WYSIWYG appearance, which makes editing even more convenient.&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to make the editing experience of TinyMCE even easier. There are a few unique css options you can write into your content_css to change your WYSIWYG appearance, which makes editing even more convenient. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Stylish clothes on a rack ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAARABQDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAACQYHCP/EAC0QAAEDAwMBBAsAAAAAAAAAAAECAwQABREGEiEIBzFRcRMzNjdBdIGEsbKz/8QAGQEAAgMBAAAAAAAAAAAAAAAAAgUBAwQA/8QAIREAAgEEAQUBAAAAAAAAAAAAAAEDAhESMWEiMkFRsdH/2gAMAwEAAhEDEQA/AOi7YiDaVR0yMgu52bUFWcDJ8uPwaLSB2WsLU1hhwhJckYYBIK0tlQ4VtV3eBznwwa5uyuCrt2RorNsR6MYAIqbkBg9TfaBLeRp0uzXYlvjxrjIWWHClRWIqkpPHfjefrS+e9cePK+jGDoky4fw0rpD0VIt9m0axebdKaetwgLWzIaUUtSHStxS/NQkKCs/HGeacx4uOt1b8CmV1KSnHQgyHEpGMis4bCS6iPd5I+Rm/xNY/Qwf6JJo/2Ctf2X7Iq+nbM9XYite9YasKT//Z","aspectRatio":1.1984536082474226,"src":"//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=185&h=154&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=370&h=309&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=739&h=617&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=1109&h=925&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=1478&h=1233&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=2217&h=1850&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=3255&h=2716&q=50&fit=scale 3255w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=185&h=154&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=370&h=309&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=739&h=617&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=1109&h=925&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=1478&h=1233&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=2217&h=1850&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=3255&h=2716&q=50&fm=webp&fit=scale 3255w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Useful styles for TinyMCE"},"metaDescription":{"metaDescription":"Learn how to make the editing experience of TinyMCE even easier. There are a few unique css options you can write into your content_css to change your WYSIWYG appearance, which makes editing even more convenient. "}}},{"node":{"title":"Integrate Svelte with TinyMCE rich text editor","slug":"svelte-rich-text-editor","featured":false,"lastUpdated":"May 26th, 2021","description":{"description":"<p>Svelte is a new and fast framework for building web applications. Learn how you can install Svelte and set up a rich text editor in a few steps.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Svelte is a new and fast framework for building web applications. Learn how you can install Svelte and set up a rich text editor in a few steps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Picture of a laptop with code","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":0.8193126713050811,"src":"//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=185&h=226&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=370&h=452&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=739&h=902&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=1109&h=1354&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=1478&h=1804&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=2217&h=2706&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=185&h=226&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=370&h=452&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=739&h=902&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=1109&h=1354&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=1478&h=1804&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=2217&h=2706&q=50&fm=webp&fit=scale 2217w","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":"Integrate Svelte with TinyMCE rich text editor"},"metaDescription":{"metaDescription":"Svelte is a new and fast framework for building web applications. Learn how you can install Svelte and set up a rich text editor in a few steps."}}},{"node":{"title":"Configuring TinyMCE to use slash commands","slug":"slash-commands-rich-text-editor","featured":false,"lastUpdated":"May 19th, 2021","description":{"description":"<p>Integrating slash command abilities into your web app takes some JavaScript and Tinymce&rsquo;s Autocompleter API. This guide demonstrates one way of setting up the integration.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Integrating slash command abilities into your web app takes some JavaScript and Tinymce’s Autocompleter API. This guide demonstrates one way of setting up the integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Picture of the command key on a laptop ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=2217&h=1478&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=2217&h=1478&q=50&fm=webp&fit=scale 2217w","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":"Configuring TinyMCE to use slash commands"},"metaDescription":{"metaDescription":"Integrating slash command abilities into your web app takes some JavaScript and Tinymce’s Autocompleter API. This guide demonstrates one way of setting up the integration."}}},{"node":{"title":"How to use the new Bootstrap Icons in TinyMCE","slug":"how-to-use-bootstrap-icons","featured":false,"lastUpdated":"Apr 21st, 2021","description":{"description":"<p>In this article, we&rsquo;re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this article, we’re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"White and Grey Window Curtain","artistName":"Sven Finger","image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.3317249698431846,"src":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=185&h=139&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=370&h=278&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&h=555&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1109&h=833&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1478&h=1110&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=2217&h=1665&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=185&h=139&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=370&h=278&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&h=555&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1109&h=833&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1478&h=1110&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=2217&h=1665&q=50&fm=webp&fit=scale 2217w","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":"New Bootstrap Icons for TinyMCE"},"metaDescription":{"metaDescription":"In this article, we’re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern. "}}},{"node":{"title":"The future of collaboration: public beta now available  ","slug":"rtc-public-beta","featured":false,"lastUpdated":"Mar 25th, 2021","description":{"description":"<p>We are pleased to announce that Real-time Collaboration has advanced from Closed Beta to the Cloud Public Beta release stage.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We are pleased to announce that Real-time Collaboration has advanced from Closed Beta to the Cloud Public Beta release stage."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A futuristic looking world reflected by hexagonal mirrors ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.3333333333333333,"src":"//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=185&h=139&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=370&h=278&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=739&h=554&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=1109&h=832&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=1478&h=1109&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=2000&h=1500&q=50&fit=scale 2000w","srcWebp":"//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=185&h=139&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=370&h=278&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=739&h=554&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=1109&h=832&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=1478&h=1109&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=2000&h=1500&q=50&fm=webp&fit=scale 2000w","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":"TinyMCE Real-time Collaboration is now in Public Beta "},"metaDescription":{"metaDescription":"We are pleased to announce that Real-time Collaboration has advanced from Closed Beta to the Cloud Public Beta release stage. Learn what's new! "}}},{"node":{"title":"Add gradients to icons in your applications","slug":"gradients-icons","featured":false,"lastUpdated":"Feb 18th, 2021","description":{"description":"<p>Gradients are a popular design element built into the aesthetics of many brands. You can also bring gradients into TinyMCE by changing the look of the editor's icons. In this article we share how you can do this, so make sure to read the full article to get all the information!&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Gradients are a popular design element built into the aesthetics of many brands. You can also bring gradients into TinyMCE by changing the look of the editor's icons. In this article we share how you can do this, so make sure to read the full article to get all the information! "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Gradient sky with clouds ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=2217&h=1478&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=2217&h=1478&q=50&fm=webp&fit=scale 2217w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Add gradients to icons in your applications\n"},"metaDescription":{"metaDescription":"Gradients are a popular design element built into the aesthetics of many brands. You can also bring gradients into TinyMCE by changing the look of the editor's icons. In this article we share how you can do this, so make sure to read the full article to get all the information! "}}},{"node":{"title":"Get started with premium plugins on TinyMCE self-hosted","slug":"get-started-with-premium-plugins-on-tinymce-self-hosted","featured":false,"lastUpdated":"Jan 21st, 2021","description":{"description":"<p>If you&rsquo;re already self-hosting TinyMCE, you can try our premium plugins for free. Enhance your applications with productivity, compliance, or collaboration features.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you’re already self-hosting TinyMCE, you can try our premium plugins for free. Enhance your applications with productivity, compliance, or collaboration features."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract image representing a selection of premium plugins and a server.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAB4FBMVEUEf9wHgd0Igt0Hgt0EgNwDgNwGgN0Fgd4Egd4Ig94Jg94JgN4IfN0IetwIe9wHfd0FgN0Ggd4Hgt4Ggt8Hg98Jhd8Lgd4MedwMdNsMc9sMdtwJe90Hgt8JhN8Ggt4Hg+AHhOAGhOAHheAJhuELgN4LddwLed0Ig+AIhOAJheAIheEIgeAHe94Ee94Ffd4EdNwActsEc9sHc9sIdNsJc9sKet0KhuENiOIIh+MKft8AcNsAcdsKc9s1fN0Ac9sGc9sLdNsMg+ENieMKg+IMdNwFc9uht+lvmOJHgt6qvetJhN5nk+FVid99oOQuetxqlOFdjuAMfN8OiuULfuCJpuVejuBPh98adtxmkuEid9xuluJWit8MeN0OiuYMet8neNwye90ze90tetwqedwJdNsBc9sMddwMgeIKdNtAgN1Kg97i5/fv8vvt8fru8frr7/rK1fJQht5Cgd5Ig95Zi98FdNtEgd7s8Prt8PrS2/NMhN4PdNtYit8hd9xDgd7m6/jz9fzx8/vx9PvQ2fNLhN4leNxUid8oedx1muNpk+Hp7fn4+f319/32+P309vzT3PRwluJ1muImeNynu+qywuywweyxweybsuhQht9BgN0AatoAZ9kAZtkAZ9oAa9oCc9vj3IsBAAAA5klEQVQYGQXBPUoDQQCA0e/bDFF3spOAxoQoCCL+dVoJ3kE8gjfwMoKNhxB7e8FaWLCxiYWFYBJDIq7jewIAqJp/AdquAJILVXWRS3EdQFUhF7pcNXRE1VnOQM5V1BBR1Y4CON7WkPxpSnVmnKQJaV8N0UVftdLc7elbp2/Re9lYpjT3K/6NYowxEWOI+bNp9n43By7eaY48eC11yOXTaEdVVR/P7glAOtZvSnOhJiAAk/rENfVjoE6AAHU6V9Vd1VSDQ9hqLtpdNRd62xpDAKrpQ3ml6N28VQEOgcPp6TMA1zdVDfwD4lU8brRFpgUAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"TinyMCE support for Vue 3","slug":"tinymce-vue-3-support","featured":false,"lastUpdated":"Nov 16th, 2020","description":{"description":"<p>Our TinyMCE Vue integration now supports Vue 3. Get an instance of TinyMCE up and running within the Vue 3 framework using our official TinyMCE Vue.js component.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Our TinyMCE Vue integration now supports Vue 3. Get an instance of TinyMCE up and running within the Vue 3 framework using our official TinyMCE Vue.js component."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Vue logo sitting within a number 3.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAB6VBMVEUIG0wHG0wIHEsIG0sEGUsAF0oAFUkJG0oIG0oBGEkAAEMAADMAACwAACsAACoAAEQCGEkJG0kGGkk/RF6goamkpayjpKuio6qeoKc6QFsJG0gJG0cGGUcAADpwcn/////+/f5kZ3YAADwGGUYIGEIIGUMJGUQIGUQGGEQAAD0zNFGKiJOKipOQkJjp6erDwscAAD4GFkIIGEMIGEEATEoAgV0AFjCrq7Hq6uystrYzi20AQUIHFT8IFz8JGUMIGEAIFz4JGEAIFj4FBj4OOEU5rHsqknCOkJqHiZUAhl5OsYQLNUQAADkFFT4JGUEIGD8JGUAKGUEFEz8AADgTalc5s38jYF4CWlhFt4Ta6+GLiJIAACgBFD8KGUAKGT4JGT4ACjoAADUvMEwAk2QAnGwAl2Wp2b61tboAABQAEjwJGD4JGDwEFTsAACl0dX7n5ejDzcmk1Lq23cf4/vqUlZsAABcAEjoJFzkEFDgAACGPkJX39/fBwcQNGToAAC4JFjcJFjYGFDYABDEAACdNT1yJiY+goaWam59tbnYAACIAACYADzQIFTYIFTQIFTMEEjIABC4AAB8AAAAAABEADzEHFDMIFDEIFDAIEzAGEjADEC8ADi4ADC0ADC4BDy8FEi8IEy0IEi0HEi28fZCHAAAArUlEQVQYGQXBsVEbUQBAwbfiewzS3QmlqoFCaIKUImiADqjATbgip2gMM4LA37tVVUVVVXaqUM05qxo/SsC/OVxnNfaV6x3Mnct+Vs4KquBajT0Al+P3T8xtHOvSMuBg+XNefB7GwroDcPJ+f5rjlHm5B+Bm/buNLb1vwO9Hto9jY60eAK18rjWWCn6VJ76XatwqeAZ8VGOrQHl59bVW3lQAX7OqsVdVaXZXVf8B/Z0mAMemdXkAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"TinyMCE Vue 3 Support and Integration"},"metaDescription":{"metaDescription":"Our TinyMCE Vue integration now supports Vue 3. Get an instance of TinyMCE up and running within the Vue 3 framework using our official TinyMCE Vue.js component."}}},{"node":{"title":"How to make a chat app in 8 steps with our WYSIWYG editor","slug":"build-a-chat-app-with-our-wysiwyg-editor","featured":false,"lastUpdated":"Nov 4th, 2020","description":{"description":"<p>Learn how to build a chat app with the world&rsquo;s leading WYSIWYG editor. In this article, we take a step by step approach, demonstrating how to configure TinyMCE for chat applications.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to build a chat app with the world’s leading WYSIWYG editor. In this article, we take a step by step approach, demonstrating how to configure TinyMCE for chat applications."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Chat app with text \"Time for a catch up\".","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABPlBMVEUEb9YEctkFdtsEdtsGed0Get0Fed0Ced0Aed0Hfd8HfeAEfeAAfeAqgd4Gfd8Cfd8IgeEIgeIIgOAIddIHdNEHddIHd9YHdtQGc88AddMnd9GXnb4+g9wAfuIGfuEHf+EIf+EIgOEJhOQKh+QTm+YTm+URluUSm+YRleQSl+MPl+QOlOI6nOIXm+cSoukVoegWougSmOcIg+MKiOYLiOURkd4SmOIQkuEum+cWmekRmekRmOkOmOkFmOkMlugSmekSmegPkucJh+YLi+gLi+cKgtwJgtwujeURi+kJiugKiugKiegMj+oMjukLjukMjugLjegMjegMjecNk+wNkuwMi+IMkOgMj+cMjeQMjeMMjuUMjeUMjOMMjOIMh9sMi+ENk+0Olu8Ole0Olu4Ole4OlewPmvEPnfMRofUSpfiu9MxKAAAAb0lEQVQYGW3BwQ7BQBRA0XvHmzQSmvL//2ghFqT6dEII4xz+UXohbyZPUUAaNXOhiQqYgs2NJgZ/nYgj/iIO+DFXV8SEiquEQnKdiC2IKxpzKRADvtxjrma57M4xgoIJDLq4Z4zKlw0FQnohvZDeA9hYFQO7eWXgAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to make a chat app in 8 steps | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to build a chat app with the world’s leading WYSIWYG editor. We take a step-by-step approach to demonstrate how to configure TinyMCE for chat applications."}}},{"node":{"title":"How to self-host TinyMCE for your website or application","slug":"self-host-tinymce","featured":false,"lastUpdated":"Sep 15th, 2020","description":{"description":"<p>An overview of your options to self-host TinyMCE including where to download TinyMCE as well as how to use it with your package manager of choice.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"An overview of your options to self-host TinyMCE including where to download TinyMCE as well as how to use it with your package manager of choice."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract illustration of physical servers depicting self-hosting concept.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACT1BMVEUFtvEEtvEKufERvfESvvEMufEGtvELuPEGt/EGse4Fse4Ls+4Rt+4SuO4MtO4Isu4Ks+4IrOsHrOsFqusEqOsIq+sPr+wQr+wJq+sEqesFquwMrusTsewIpukHpOkRrugcwuwcw+0cvekbuOYexO0bwu0XtOYZuugSrOUGpOkLp+oPquoKp+kIn+gEmucgxeow5+ku3+Qt3eMr09su4ucv5+kitdAJmOMPougKoOgJl+YIl+YEkeYgwuou4uUqzdUt3OMr0tos1t0u4uYjscwMj+IJmOcKl+YPmeYJj+YIjuYJiOUiweoz/Pwx9Pcv6e4s194y+Psx9Pgz/P0jsc0GhOEPkeYSkeYJh+UNiOUOgeQivuoz//8v6O0s1t4ir80He+APieYRiuUJf+UNgeUPguUNeuUhuekt3uEr0Ngs2N8r0Nks1d0t3uIircwMd+EPg+YPg+UNe+YPfeYPfOYHcOUftukqy9EmtMAqzdYnvcgqzNIjrMsMceEOfeYMe+YPeecOeOcKc+cEaOYgteor0dUnvMcr09oqz9cpxM4r0dYjrMwLa+IOd+cMdecIc+cNcugLcOgIbegEY+cgtesz+/gy+fgs19sy+vkjrcsKZuMKcOgIbugIauoIaeoGZuoRf+Mem84emswcjsYaiMkems0bhcMckc0fm8wfm8sXdsUIZugHaeoGZusGZuwHZuwFYewDWuoDWeoEXesEX+wGYOsGX+oGY+sGZewFYu4FY+4GY+4GZO4HZe4IZu4EYPEFYvEFY/EGY/EEYfEEX/EBbEf5AAAAoElEQVQYGQXBAU6DABAEwB04SbUU+KL+S/2iNdVokJ4zkiSJwF9n4tdjkiRgT5Lp76FOCQL2ZPrJrOYEgPt+WlFbAkh3F9zqEoD0dSlYaw1Aehlxu6g1EO4Zrk8ZzVJnADnmLkitwHWV/lhHfM21ACvppQub2oD3F+m35y7Eqx6Ao4DPri2Ae1eE761rTqIHR0q6j5yTmpJEehx0BnuS/ANGWzGQyTHucAAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Self-host TinyMCE for your website or application"},"metaDescription":{"metaDescription":"An overview of your options to self-host TinyMCE including where to download TinyMCE as well as how to use it with your package manager of choice."}}}]},"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":204,"numPages":20,"currentPage":18,"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"]}