{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/wysiwyg-world/page/7/","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":"Type, save, reuse – introducing Advanced Templates in TinyMCE 6.4","slug":"tinymce-version-6-4-highlights","featured":false,"lastUpdated":"Apr 3rd, 2023","description":{"description":"<p>TinyMCE 6.4 brings with it a new and useful plugin &ndash; Advanced Templates &ndash; creating, storing, and editing templates is easier with Advanced Templates. 6.4 also brings with it improvements to other plugins and options.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE 6.4 brings with it a new and useful plugin – Advanced Templates – creating, storing, and editing templates is easier with Advanced Templates. 6.4 also brings with it improvements to other plugins and options."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE 6-4 introducing advanced templates words on a background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAq1BMVEUXIlAWIVAVIVAVIU8VIE8OHE4AB0kADUoADEoAAEcABEgNHE4XIVAPHU4tM1doan1NUGpGSmViZXhmaHsoL1YzOFqVlqKmp7GsrbeztL2pqrSnqLJDR2QGGE0TIE8TH09UV2+Sk6B/gJAtNFgRHk8kLFRMT2iPkZ2LjJlLTmkbJVElLVQaJFFNUWpSVW1QU2tOUmpTVm5YW3FRVWwSH08MG04IGU0JGU0MG02YoBiiAAAAc0lEQVQIHQXBMUrEUABAwXl/Q1IkhegVxMb7n2QRVyxsrAVhEUT0OwMAAAIqmX8TBFqq1NeEBY6qSuM6EbTcVFW9Tyyw385Rfdz9rCDI/etDVS+/E0GPVarvp4kB+/P2tq7bdv687AAcNcZpjA4QgIMr4B+H2hjsfE9dyAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6lm4v5CTX8co8WYIY37Hoz/706d00cc879d1b6820633266c0dbd478/-Blog_Header-__TinyMCE_6.4_What-s_new___2_.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"TinyMCE 6.4 | TinyMCE latest version release highlights"},"metaDescription":{"metaDescription":"TinyMCE latest version 6.4 introduces a new Advanced Templates feature, user and developer-friendly updates and 38 bug fixes."}}},{"node":{"title":"LMS design for 21st century learning","slug":"LMS-design","featured":false,"lastUpdated":"Mar 29th, 2023","description":{"description":"<p>What is an LMS for the 21st century? It's more than a simple elearning platform. Read on to find out more.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What is an LMS for the 21st century? It's more than a simple elearning platform. Read on to find out more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to design LMS for 21st century learning","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAB0VBMVEX/u4D/u37/u3LIs8d8tv+Etv9/t/+fsej/vIH/vID/u3//u4D/vH38uYGfs+t8t/+Dtv+Btf98tv/Ms8H2tHvzsnn6uYL+wZHxsXn5tnz3tXz3tXv8uH7/vHzvtpOTsfB6tf93tP9zrvqZreTytozlqHLYnmvWnGjmr4P7y6jaoG7bn2vWnGrUm2nboGzurnX/unr/uXf/uHX1tYbcsq24rczQr7X4tYH/uW3oqnTrq3TrrHX6xZ3/wpD/unv/vHn/u3z/u339uoH5xqD6x6H6x6D9yJ//yJv9x5z+yJz8yKHfo2/kpnHipG/2wpr/xZH7t4j0r6b/unb7w5X6+fj+///8/f319vb29vb09fX09PX/vYH/vXbuqrffk//jmPPso7/6wpL9/fz////9/v7p6urq6uvr7O3z9PTx8vLJnN68jv/Qkf/qo8X8xJD8/Pv9/v/7/P35+vr4+fr6+/v+/v/8/f7/u4H/vIL8vonxwZ3DnsimlPGkkPrur5z9w47u6efm5+fl5eXm5ubn5+f/vIP9uX72tGb5tW/5vpDnw6j+unb5uIXrsJv9uYDxtIDprnzqrnz1s2vzsTv2swDzsUD+uX39uHr/vXr/vXj/u36KqW07AAAACHRSTlP9/f39/f39/WSGqaAAAAB4SURBVAjXY2RAAowgACI5QOz//0FCTIxQwMLDAGUxML4VgQkKMsKBCFylCAMjGvjLwsIkAGH+h5r4H6RSgYFhHUMwksLPfIyM3EB7zQQlkEQfKLLkTCyYbIEQYWD8r8PI2Arnb/IHioEBCy9YoK2asaV22b9PEEEAexQUI64oEeUAAAAASUVORK5CYII=","aspectRatio":1.7775489186405766,"src":"//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=1726&h=971&q=50&fit=scale 1726w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6TL0UnuIm036ruuSAHieME/108b44abdde793f4921c2b78e5351110/custom-lms-design_-create-an-e-learning-platform-for-21st-century-learning-2023031610361895.png?w=1726&h=971&q=50&fm=webp&fit=scale 1726w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Custom LMS design: create elearning platform for 21st century | TinyMCE"},"metaDescription":{"metaDescription":"What is an LMS for the 21st century? As you'll find, there are some serious considerations for creating elearning plaatforms for the 21st Century"}}},{"node":{"title":"TinyMCE 6.3: Introducing Advanced Typography, Inline CSS, and more","slug":"tinymce-6-3-whats-new","featured":false,"lastUpdated":"Jan 11th, 2023","description":{"description":"<p>Discover what new features are here with the TinyMCE 6.3 release, include Advanced Typography, Inline CSS, and other major enhancements</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover what new features are here with the TinyMCE 6.3 release, include Advanced Typography, Inline CSS, and other major enhancements"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The words TinyMCE 6.3 followed by the sentence \"boost productivity and improve content quality\"","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABGlBMVEUXIk8WIU8UIE4TH04SH04RHk4RHk0SHk4AEUoAAEYADEkAE0oAD0kAAEUAAEQBFUtYW3F1eIhNUWouNFc7QF5gY3dkZ3pqbn9ucYJZXXMAFEsVIU4VIU8AB0hpbH6ho66tr7mqrbe+wMjAw8ujpbCztb6KjZsAAEcKGkwtNFdQVG1fY3hydYaChZRgZHliZXllaXxrboBYW3IAFUsXIU8VIE4AADuDhZOQk59wc4SGiZYAADwADkkMG00CFksAAEJ+gY+Zm6eChZOIi5kLG0xBRmFQVGtPU2pOUmpKTmdNUWlSVm1KT2dSVmxCR2I5P11JTWdITGZGSmRFSWRITWZESGNGSmVHTGVMUGk9Ql8OHE0GGEwEF0sFF0tDDXZuAAAAiklEQVQIHU3BPQ4BUQCF0e+O51+UEpkF6DQzC5hVW4OCQpQSHZEoSSTDvMsTwjniRRJWcrcBAVJHL02QfYsGARrrzwECkCtxpmQHCNBMP6cDBKDQ5TpVsp0vGyAD1r3JuZ9s631FCYJyU+ktth5tLRoTAA/qrr4MBFhpOBIyJnOMBgHlOjcfx2IFT0JkLS1hfAeLAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1N1xBu1ddqE8PKbnfsEBsz/0fc5ce0ac5170ca73a19e1af6b2028b3/img-tinymce-6-3-enhancedContent-0.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"What’s new in TinyMCE 6.3? Release highlights | TinyMCE"},"metaDescription":{"metaDescription":"New TinyMCE 6.3 offers even more ways for improving content quality with Advanced Typography, Inline CSS, color swatch and accessibility checker enhancements and more"}}},{"node":{"title":"Types of text editors and how they compare","slug":"text-editor-rich-text-editor-differences","featured":false,"lastUpdated":"Jan 10th, 2023","description":{"description":"<p>What exactly is the difference between a text editor and a rich text editor? There are key differences between the two. Read more to find out!</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What exactly is the difference between a text editor and a rich text editor? There are key differences between the two. Read more to find out!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"the text \"abc\" separated by a slash design - one set of letters represents rich text, and the other plain text","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEUQGDcPFzcMFTYKFDUIEzUIEjUPGDcOFjYXHTkZHzocITwmKkAbITsPFzYHEjQvMkYmKkE5O00nK0ERGToOFzYAAC9panOTlJl9foReYGozNkgEEDQRGjsACzJMTlpiY21WWGNHSVcoLEEKFTgMFjYABDEAACwAAC4ACTIJFDgMFjkDDzMGETQPGDkJFDUoLEIeIzwYHjoQGTpiZG2XmJyEhYtjZG49P08BDjMRGTkADDNXWWROUFxBQ1IqLkMACjI0RrLIAAAAhUlEQVQIHU3BVwKCMBAFwH0hsqjEFrB3VLB3sXv/W6kfQGboD8KSOQGbDGAnXyi6DDKokluuVGuW0ppSnl9vNFvtju5Sxuv1B8PRONAKoAQm01kYzRfLlRSgBDzmdbDZOru9AGX0wT+ezpf4CkrdtLrHj+frLUEG8Cf0I6lsMoGFYAX6+QLiDQnnchezaQAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Types of text editors and how they compare | TinyMCE"},"metaDescription":{"metaDescription":"We looked at the types text editors that are out there, what features they have, how they work with HTML and when it’s best to use specific text editor types."}}},{"node":{"title":"Accessible product design: it benefits everyone","slug":"when-we-design-for-disability-we-all-benefit","featured":false,"lastUpdated":"Dec 13th, 2022","description":{"description":"<p>Accessible product design benefits not only people with disabilities, but everyone. Find out how...</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Accessible product design benefits not only people with disabilities, but everyone. Find out how..."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The accessibility icon on a grid background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAq1BMVEUQGDcQGDgRGTkRGTgNFjgEETYAADAAACYQGTgQGDkOFzgAACwyNUlYWmUPGDgHEjYAAC9sbnaNjZOVlZuNjpMQGTkNFzgAAC1gYmyKi5EhJkCZmZ6Zmp5gYWwKFTcAADGIiY91dn6trrKkpKgKFDcIEzcYHjuNjpRqa3SLjJI8Pk8UHDqwsbQAAC5hYmyHiI5lZnC2troHEzZrbHWZmp+Xl50uMUZXWWQEEDV/Eb4FAAAAlklEQVQIHR3BS4rCUBRF0X1uXt6NUg2hqKYjcALOfw5OQJtBRAokH5KjcS0hibWRhO0lZ9sFcGquEva0swEh8aMNWmzn3S5AdvpaXSb/AwUY/rTBdtf2guAjM/v6fNQ+U3wIyUftJWH75ZvsBqlrfptNRORzXSCAcWiv5evaDiMgJFJzPQlfptYjNigiVM6HzHouigjxBldZP61eev0vAAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=896&h=504&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5FaCNBwMhtxSKSCJv8qx7G/9b6b7f8f0980da170e84d17c74a43557/design_for_disability.png?w=896&h=504&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Robert Collings","slug":"robert-collings"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Accessible product design: design + disability = innovation | TinyMCE"},"metaDescription":{"metaDescription":"We explain what is accessible product design and how it can benefit not only people with disabilities, but everyone."}}},{"node":{"title":"Text modification in popular rich text editors: Under pressure","slug":"text-modification","featured":false,"lastUpdated":"Dec 7th, 2022","description":{"description":"<p>Rich text editors modify text, but not all editors can achieve this basic function &ndash; find out how the different editors perform their core function.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Rich text editors modify text, but not all editors can achieve this basic function – find out how the different editors perform their core function."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"graphical representation of a rich text editor options being customized","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEX16b/26b/26b716b316L316b7z6MDy6tD7+O38+e77+e/7+fD59+z168fy6MXq5tvj7Pfl4vXv4OLw1tzx5/Dz6sv26rr26bzy58Ds48nk4tHl287q2L/Ywbvlzc7t1svm2dXg4NXv5cn26r/t28LRxNPK3M/M3snl3sXr6+j16+726vHv6vvp8fzw6tn16r/z5r/p3b/n373n37zv5MD59OP59uj59uf69ub69ef17M7367/26r716bz16Lz16LuIghAdAAAAXUlEQVQIHQXBMQ5BQQBAwXk/q5BoiZb738MJtKKm1YldMwAAAKgQQFCJtX2BAaOqav5AsNtXVfWeLcF2qqqq51oGXKqqquOLAYeqquqOAR9nqqzbXAS68rAAAADAH0B2EwprALmQAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"David Herbert","slug":"david-herbert"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Text modification in popular RTEs: Under Pressure | TinyMCE"},"metaDescription":{"metaDescription":"We compared text modification functionalities of the most popular rich text editors and highlighted their advantages and disadvantages."}}},{"node":{"title":"How to create a rich text editor using Javascript","slug":"javascript-rich-text-editor","featured":false,"lastUpdated":"Sep 28th, 2022","description":{"description":"<p>What does it take to build a JavaScript rich text editor? Find out the costs involved.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What does it take to build a JavaScript rich text editor? Find out the costs involved."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Geometric graphic showing red and blue cubes that appear to be falling.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABGlBMVEVSVqEXHGJRWG2BhagAAE0ACUIAEUMMG0oWIU4XIk8MIKMeIXQRIEkbJWGcoq26wM5ITIMCFEcZHW4lLFUjLVFMU3GmrLmXm8YaJKYZIFEVIU11fIifpL0qLm4VH1AAAFAAAG8cHn4WIEs2QGFDSIsAAGRTWm5obo0fKlU5QGESHkyQlKCprreBhZw5QWdIS34gKVYzOWESHk0WIU/S1tvm6vJ6f8YAAHwbJkghKlEyOVkTH00VIU6tsbqipskAC7cIHKZARWxWXHZ7f6IbIFoUIE0AAFYAAHQAE7EcJJYIFkY4QV0sM2MPG08AG1wOJGMyNowKEV9janm2vM1QU44BE0cTIE0pNFdJTW8ADkJBSWZgZZYhIY0QHEnAaLvTAAAAOklEQVQI12NkYIQBBjhg4YIKfWdAEuSACnK+RxLkhAo+Y8SiEkk3A6M2zJ5rWLQjK8Uv+J6BgEVYBQEEKAWNgzXDUAAAAABJRU5ErkJggg==","aspectRatio":1.778169014084507,"src":"//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1515&h=852&q=50&fit=scale 1515w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1515&h=852&q=50&fm=webp&fit=scale 1515w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"How to create rich text editor using Javascript | TinyMCE"},"metaDescription":{"metaDescription":"Creation of rich text editor that fits all your users needs is a complex task. We’ll go through some major stepping stones and considerations for this project."}}},{"node":{"title":"What is a WYSIWYG HTML editor?","slug":"wysiwyg-html-editor","featured":false,"lastUpdated":"Sep 6th, 2022","description":{"description":"<p>What is a WYSIWYG HTML editor? Find out more about the differences between editors.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What is a WYSIWYG HTML editor? Find out more about the differences between editors."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Black text reading: \"What You See Is What You Get\" with the capitals in white to highlight the acronym, WYSIWYG.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACK1BMVEUEmOUFl+UGleQEleQBleQAleQDleUFleQCleQDleQIk+QGk+QAk+QAkeMAjuIBlOUFlOYAk+UAj+IClOUHlOUIkeQEkeQAjuNmoeKZueSQsuBGgr8AhdUDg9AAfs1xpuOWt+RBjtUAh9gHi9wIjuQAjuQAiON9qePQ2+2/zOMoW5UAU5UAS4gAYax0peOqu9kAUZMAVZUIbbUIjeQIjuUIiuUFiuUAieQpjOJSleFUleFNkuAAe9MrfcsEecwCf9VBj+BOjtgUdMMAd8sIgNYJieMJi+UIh+UCh+UAguOeueecs9wAYrkAab0AeNCYtOU5esNclN6+zuu+zepqhLIAaLsHa7oKZrEJhOAJiOYJh+UJheYChOYAgeSZteeXq9MASJoATJsMcciQrN8dX6lBhtqrv+irv+YzbLUAVqMIU5sKYa8KguIKhecKheYJgucHgugAgecpheUAfuNXj+F6oOE/h98AfeEAed9DieOIqORAh98AdtoBd9YJf+IKgOQKgucKg+gKgOkJgOkGgOkAgOkAfOl0nui6xuIsXKEAUqMAXLmasubBzep0i7wARJUFXa8KgOgKgeoKgekKf+sIf+sAfes8hulhkN8AYsIAZcEAacxkleeYsupKfc0AZsUIcNIKf+oKfuwJfuwGfu0AfewAfO0Cfu4Hf+4Bfu4Ae+wAeOsEfu4Jf+0Kfu0Kfe4Jfe4Ife8Jfe8Kfe8Gfe8Efe8Hfe8KffEJffS2tn9UAAAAa0lEQVQYGW3BWwqCUABF0b3rGFHYw5z/FAuKfjTNn0C9rcU/SimCinZWnwwdEw84YdxoX40b30COuATkjAsXH+TqWkMaS2ktpbUw5uYa9zTg3BOanMCfbqf1C1IDig5b7aWvIXtmKggQKX0BoHcSnvRMvcQAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/206b68BhcIuhqKC2EQ0GY9/eb6a2860624b195075f60d9d841145f2/Image_default_WYSIWYG-HTML-editor.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":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"What is WYSIWYG HTML editor? | TinyMCE"},"metaDescription":{"metaDescription":"Some WYSIWYG HTML editors are more WYSIWYG than others. Follow these simple steps to get started with our WYSIWYG HTML editor in your applications."}}},{"node":{"title":"What is rich text editor? ","slug":"rich-text-editor","featured":false,"lastUpdated":"Aug 23rd, 2022","description":{"description":"<p>Our rich text editor is designed to cater for a wide variety of use cases and fit in with your desired UX. TinyMCE is powerful, reliable, and easy to use.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Our rich text editor is designed to cater for a wide variety of use cases and fit in with your desired UX. TinyMCE is powerful, reliable, and easy to use."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Screenshot of our rich text editor.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t////2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAABQcGCAn/xAAnEAABAwIFBAIDAAAAAAAAAAACAQMEBQYABxESMQgTISIJFRQyQf/EABkBAAIDAQAAAAAAAAAAAAAAAAIFAAQGA//EACMRAAICAQMDBQAAAAAAAAAAAAECAAMRBCEiEkHBBTFRgZH/2gAMAwEAAhEDEQA/AFh8fELK6qVvMKTmjQ6FWobTdNj077yF+SIPOFI1FtNpaESAnHO1Maz1S64JWKiR75x9RbpuhQS0ujmHYfS9QspKhcq2FY0GBLgmMCpfTCIOPGCozsLt/spaInnnCJbdWCGDn9loWVMSoO8x3ps8hgR0NVUu2OuvPGNs1m5igrucQ3lreVYtmY+1TZaR23qlAecEmgcQjbR9QVdwrwqr44wlvRbAOrtnxLGSFyPmSO4uqjNS66HdFGqt3SJlLdnNKsUozAgHsQ+mjabPCaeumDbTVceMi8QpHceIrGyVAHz/ADHQk5gif//Z","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7xy7aXwumurAJbrfIZ6svP/41fd609b425275eb81f2b24ca27142f4/img-tinymce-our-editor-2.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"What is rich text editor? | TinyMCE"},"metaDescription":{"metaDescription":"Rich text editor is a tool that allows you to edit text with advanced text styling options. Learn more about what rich text editors are from our article."}}},{"node":{"title":"Web components: Under pressure","slug":"best-rich-text-editors-for-web-components","featured":false,"lastUpdated":"Aug 8th, 2022","description":{"description":"<p>Web components for html help save time by providing custom html components you can reuse &ndash; find out which rich text editors support web components.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Web components for html help save time by providing custom html components you can reuse – find out which rich text editors support web components."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"web components logo on a background that builds up, representing reused components","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t////2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAABQcGCAn/xAAlEAABBAEDBAIDAAAAAAAAAAABAgMEBQYABxEIEiFBGDFXk9P/xAAYAQADAQEAAAAAAAAAAAAAAAADBQYHBP/EACIRAAIBAwQCAwAAAAAAAAAAAAECAwAEEQUhQWEGEhMxwf/aAAwDAQACEQMRAD8AYHTRi2L5Z0uPZlMwWDmF7HRYOsx1sIU/LU0twIaCleOT2gDk6udW1W7ju2WGVgMDYEjgUmtraJ4gXQE7/Y7psbfbLYfd16JFvg2Jym3ozElibW1pabX3o5UgoWSoFJ98+/oHSOPyKe4JSC4kLJs2ScZ6PPY4oi2sXuwaNccbVnrvPlsbGd3syp4LbcOHBsnGWo7Q7UNp4BAA9DzrRLPUGa2jZ2ySP00ulhxIwAwKr/iPVhu1tbSox7Fc3n0tNHccW1EYbaKUlaypR5UgnyST9+9ZlqDH5yehVBEAEAox88t/fyXafqY/npd7mi4FQWXmFzmNhMvLme5PtrB4vypTgAU6s8DuIAA9D6GqeF2WJADxXC6gsc1//9k=","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6wyxRSU40vH3iw4i700ABS/844549d884f28238834ef1f45da9be7d/img-underpress-webc-logo.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Best rich text editors for Web components compared | TinyMCE"},"metaDescription":{"metaDescription":"Web components for html help save time by providing custom html components you can reuse. Web components are supported by only a few rich text editors"}}},{"node":{"title":"Editing modes: Classic view, Inline editing and Distraction free modes","slug":"rich-text-editor-design-view","featured":false,"lastUpdated":"Jul 28th, 2022","description":{"description":"<p>By selecting the right editor view for your application, you unlock a better experience for your app users, and overcome design nightmares. Read on to find out about Classic View, Inline View, and Distraction Free editor views, and the specific design puzzles they solve.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By selecting the right editor view for your application, you unlock a better experience for your app users, and overcome design nightmares. Read on to find out about Classic View, Inline View, and Distraction Free editor views, and the specific design puzzles they solve."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"minimalist depiction of a sky scraper with an upward perspective","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/11iQK4pQSDfNQsAR2X5EIv/852c4e132ff0bb490ef23557d6e7d28e/img-minimal-skyscraper-view.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Exploring editing modes | TinyMCE"},"metaDescription":{"metaDescription":"By selecting right editing mode for your application, you unlock a better experience for your app users. Learn more about the classic view, inline editing and distraction-free modes"}}},{"node":{"title":"History of WYSIWYG and CMS: a timeline","slug":"history-of-cms-wysiwyg","featured":false,"lastUpdated":"Jul 4th, 2022","description":{"description":"<p>How has WYSIWYG editing started? Where is it going? Discover the complete history here.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"How has WYSIWYG editing started? Where is it going? Discover the complete history here."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"the words wysiwyg, cms, and history over a neutral background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEUQGDcPGDcPFzcPFzYOFzYOFjYNFjYABjEAAC0AACwAAC8AAC4IEjUBDTNHSVdbXWdeX2ldXmhXWGNNT1xZW2VcXmgdIjsKEzUQGDgPFzgABjNjZW57fIODhIt/gId4eYF2d3+DhIotMEYHEjYQFzYRHDwSIEEPH0IAEz4ABDsAADgAADcAATkABDkABDoACDwIG0ARH0ERGTkQIDwQJkIPKEQOKEQMKEQLID0LIj8MIT4MJEAMJkMMJ0IOIz8PJEAQFzcQGzgPHDkPHzoPHjoPGjgPHTmttq/rAAAAYUlEQVQIHZXBIRLCMBBA0f+TNRg0orIH4f5niIQZRBUGQ7OEGSggeY83ZSNPRYWEngnIUEIlS6/eeoIMsXOzrBDAwZde1QsIsz+ujQD2fjk3CJgccK3ZS7kzCBxPfDT+8QDIFBcZwnmQbQAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/10cTBJDwaEk3UYh3leLKlp/ba58591b6817433597919bf220baa472/img-history-centre-tinymce.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"The history of CMS and WYSIWYG: a timeline | TinyMCE"},"metaDescription":{"metaDescription":"Key dates and milestones in history of WYSIWYG and CMS development, how WYSIWYG editing has begun and what it is now."}}}]},"featuredPost":{"edges":[{"node":{"title":"What is WYSIWYG? Definition, Meaning and Key Features","slug":"what-is-wysiwyg","featured":false,"lastUpdated":"Nov 8th, 2024","description":{"description":"<p>Discover what WYSIWYG stands for, its meaning, and how this tool revolutionizes content creation and web design.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover what WYSIWYG stands for, its meaning, and how this tool revolutionizes content creation and web design."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"What is WYSIWYG? Definition, Meaning and Key Features","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABR1BMVEWj99mj+Nmh99mh+Nmi+Nmj99qk9tqj9dqi9tq88t2z89ue99eg+Nmk9dql9Nul89um8duk7tui89va9ezz9PTQ8uSo9Nie99if9NKi9taj+Nqj9tqk9dum8tym8d2o7ty83Oq+5eql8d3C6uDb6er69/nv9/TH8+Kk9din8N6o7t+t7N/E0/W84O6l8dzK7uLf4+L59/j//f///f66892f99ii99mn8t6p8OGq8OOr8eO18eat8+Kl9N6q9d3N9+fr8vD29PW989+c9teh9tim9d6p9OKs9Oat9emt9ums9+is9eSp9d+f9deP8svG8ODx7/D59ve+89+f+Nio9uGs9+eu9+uu+Oyu+Oqs+Oip+OOm+N6e9tWt9Nvb8ejM7uGq9dqs+Oet+Omr+Oep+OSn+OGl+N2k+Nuj9tin+OCp+OKo+OKn+N/ij8j5AAAAd0lEQVQIHVXBMRLBUBRA0Xv5QYGoaTUWYhdWptAYrSUYvS3o06sMMs+XzGTiHJFO0FIggIHWQJAlgkJsPD8YgBQT+6qAtLLvXpM5W0ztuwUkl3YecyVz658zAam0ddqZHQkgjcY2lpeN633wk0r15eEt1fAaBNkXKAYdI74o1GMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/mCPb11CdYzx2d9qJkHRIX/fdd562459db2e23fefa46ebc75665447/What_is_WYSIWYG_2.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"What Is WYSIWYG? Definition, Meaning and Key Features | TinyMCE"},"metaDescription":{"metaDescription":"Discover what WYSIWYG stands for, its meaning, and how this tool revolutionizes content creation and web design."}}}]}},"pageContext":{"limit":12,"skip":72,"numPages":14,"currentPage":7,"slug":"wysiwyg-world","title":"World of WYSIWYG","description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects.","page":"category","featuredPostSlug":"what-is-wysiwyg","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"]}