{"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":"Types of text editors and how they compare","slug":"text-editor-rich-text-editor-differences","featured":false,"lastUpdated":"Jan 10th, 2023","description":{"description":"

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!

","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":"

Accessible product design benefits not only people with disabilities, but everyone. Find out how...

","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":"

Rich text editors modify text, but not all editors can achieve this basic function – find out how the different editors perform their core function.

","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":"

What does it take to build a JavaScript rich text editor? Find out the costs involved.

","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":"

What is a WYSIWYG HTML editor? Find out more about the differences between editors.

","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":"

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.

","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,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","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":"

Web components for html help save time by providing custom html components you can reuse – find out which rich text editors support web components.

","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,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","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":"

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.

","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,/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/8QAGQAAAQUAAAAAAAAAAAAAAAAAAgMEBQcJ/8QAKBAAAQQBAgMJAQAAAAAAAAAAAQIDBAUGABEHEiETIkNRYWJxcoGR/8QAGgEAAgIDAAAAAAAAAAAAAAAAAAMBBQIEB//EACMRAAIBAwIHAQAAAAAAAAAAAAECAAMEEhETITFRYXGBkUH/2gAMAwEAAhEDEQA/AFMkzPCeH7q2suzysjTkHZdPRb2k4HbflUGu438qVtroiC7qDIJiOrHH5+n0JVMEXmZA03H3hPk7vYIyG5w2SVFLZyeElcZ33F6OVBofcfunPSuV4oyv4JB+Npr6mIame0sGDiN3cxW5lK9V39c6N2p9ZbR3WHB6ErB/oGq97mrTbF1IPcGN2weRmYbTqmE8rZDafJIA1qmq5OpMMRDMt4+IdRuN1hiI2Uw0pRJbQSepPKOumC6roNFcgeYYif/Z","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":"

How has WYSIWYG editing started? Where is it going? Discover the complete history here.

","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."}}},{"node":{"title":"Online HTML editor","slug":"online-html-editor","featured":true,"lastUpdated":"Jun 28th, 2022","description":{"description":"

Try our free online HTML editor – an online WYSIWYG editor that creates HTML in real-time.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Try our free online HTML editor – an online WYSIWYG editor that creates HTML in real-time."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An online HTML editor and the HTML displayed in real-time.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACZFBMVEUHG0wDGEsAD0kAAEUAAEQAAEMAAEcAC00ADU4AAEIAFEsEGUwGGksEGUsAE0kAAUQAAEEAADwAADsAAD8AAEYAAEAAADkAFkoIHE0AFkhvc4TEytbEydXCyNTDydXBx9PCx9PL0d3L0NxvdIUMIVAAE0YAADCFiZfn7fnp7/rw9f/o7vrq8Pvl6/bk6fXi6PTq8Pzm7Pjk6vWCh5YAADgAFUgAEUQAACuFipft8//o7//p8P/p8P7q8f/n7/7r8f/u9P/v9f+Dh5YAAC0AEkUAEEMAACeGipfn7//V4frb5fva5fvd5vvc5vvw9v+Ch5QAACkAGUcAEUEAACWHjJnp7/vl7Pjo7vvx9//y+P+EiZYAAC4DG0cAE0CAhJLk6vbj6fXj6PTi6PV+gpAAADMGHEUEFj8ADD0hKEJLUGNNVnJYXHJTWG9WWnBVWnBIUnBGTGhFS2VESmRFS2ZKUGkfKEgAEj8MHkQNHEEMHUIABzMAOGUxVWxGPls5PWIpQmsAQmgENFctGEo8Ql8vNlYzOVg0OlkoL1IOHEEJG0EMHEESIEIQHkEIFTQEFDsAI1AALVEeH0sIGU0AIFIAK1AUK1AhIU0qMlUnL1IoMFMnL1MhKlASHkELGj0JFzsPHT4NGjwJFDIIFTkJGUoIFkkEGEkGGUkIGEgJF0gHF0kBFkgCF0kIFzwJFzgJFzkKFzcJFjcJFDEIFjoKG0wKG0sJG0sIFzsJFjYIFTMIFDAIFTcKGUQJGUMKGUMLGUQIEy8JFDAJFC8KFTALFTEMFzIIEi0LFS8IEy0MFi8MFjAKFC4IEizODDOKAAAAt0lEQVQYGQXBMWpUYQCAwW92/2SzwUU22niAEJAlhfexFey9hZVdbpGjWGlh4QUUEoigSd6+54xAhXk9NW+wA+V+T03ru1e8+bclzOvnU7Ws7vcuAZhOIow9AD3WBsZLgB7alB3Gjt+/3n7veP3z8LfOwfsfV3yt3mWupYEPAFBgXHDzEQDgMwAAxmsApk9f8rTBLahK1bLS2H47oGW1mFsf9ees4dAJTEY1H9vWeFGl5YziqdP6D+0HK9sR51AKAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/hBZlqB7HMp6MD6i1LQMdL/7d62ec1165ff209d9ec5c9af839ff5ce/Image_default_OnlineHTMLEditor.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":"Free online HTML editor | TinyMCE"},"metaDescription":{"metaDescription":"Use our free online HTML editor and convert your text to HTML in a real-time. Write your content like Word or Google Docs, and your HTML will be displayed."}}},{"node":{"title":"Help build the TinyMCE Roadmap of the future","slug":"create-product-roadmap","featured":false,"lastUpdated":"Jun 16th, 2022","description":{"description":"

TinyMCE is building a product roadmap, and needs your feedback – here’s how to build the product roadmap, and contribute to TinyMCE’s future.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE is building a product roadmap, and needs your feedback – here’s how to build the product roadmap, and contribute to TinyMCE’s future."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE logo with the question Read to have your say?","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACHFBMVEUYI1MSG0ENFC4OFTEOFjIPGTsMFz0AADR4eYCGh410dXxWWGMABjEMFTYPFzgSHEIQGToPGDgQGDkRGTwQGT0PGTwMFjgAADN+f4iHiJB1dn9lZ3EADjYOFzgRGj4THUQSG0ATHUUVIEoOFzQOFjQMFTQTHEIZIUAbI0EWHz4ADTgBEjkYIUEcJEMaIkITHD4RHEQPGDkOFzUNFjUVHj0AEzwAAC0AACYAACMAACIAACQAACcAACUAAC8AEjsYIUMRGz4THUMSGz8QGT4YIT8AEDh+f4WFhoxnaHFzdHt6e4JbXGdhY2x2d35rbHVrbHRjZG0VHj4bJEYSHEEPFzUTHUIdJUQAACyIiY6oqa2hoqalpal/gIaZmp+DhIqUlZqjpKigoKWSkpcMFTUdJUYVHkQSHEMeJkQDDzMAACpVVmJqbHRgYWtXWWRmZ3BiY217fIMmKkEADDEfKEoXIU0VIEsVIEwbJEQaIkAADTIDDjOZmZ6io6ejo6iJiY+Ki5Gpqa15eoEgJDwACDAeJ0sTHkcUHkcRGz8bJEUKFDY0N0kABDAAAy8AACsCDjIxNEYMFzkeJkcUH0cUH0gXIEMbJEckLE0eJ0gWIUUXIUMWIEEVHz8VHj8UH0ETHkIcJUgdJ0waJVEWIU8UHUIiKk0eJkohKk0RG0MSHEQVH0cYIkkZI0oZI0sYIksWIUoUH0kTHkgVIU0XI1MXIlAUuMV7AAAAkklEQVQI12NkYMQELAxAUQE4F6TkvRCjEox/V0AETL9nYGLhhwkaMDMy/mdiZHynxMgiCNe63wlMCZ8zZgyBCv1jhsseZBK6KCj4X0DgrZAAGFzh5+f3Z3b+qsQpxMkpzcXF9ViGk1N9rTnnDyYBl+UCW/hBYLspPxcfXywfnxyjvHIQisOvMuhcZlRoRvcPAwMAPJMawA/+AJEAAAAASUVORK5CYII=","aspectRatio":1.7762557077625571,"src":"//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=778&h=438&q=50&fit=scale 778w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5EH3xdSRa38GAcclOFK4UL/5a34c11ab7d7bd6d8b035dc3d7e76361/img-with-logo_2x.png?w=778&h=438&q=50&fm=webp&fit=scale 778w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Help build the TinyMCE Roadmap of the future | TinyMCE"},"metaDescription":{"metaDescription":"A product roadmap invites community feedback. TinyMCE wants to build a product roadmap, and needs your feedback. Here’s how to build the product roadmap for TinyMCE’s future."}}},{"node":{"title":"Best Blazor rich text editors compared: Under pressure","slug":"best-blazor-rich-text-editors","featured":false,"lastUpdated":"May 23rd, 2022","description":{"description":"

Check on the comparison of the most popular Blazor rich text editor components side-by-side – find out the pros and cons of each component.

\n

 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Check on the comparison of the most popular Blazor rich text editor components side-by-side – find out the pros and cons of each component."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Blazor rich text editor integration with the Blazor logo","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7v4sBx9v3H1XWY3OjSzE5d/97f89f6599440484435001b2096c72a8/Image_Blazor_Under_Pressure_Compare_RichTextEditor.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 Blazor rich text editors comparison: Under Pressure | TinyMCE"},"metaDescription":{"metaDescription":"We compared the most popular Blazor rich text editor components side-by-side and analyzed their strong and weak points.\n"}}}]},"featuredPost":{"edges":[{"node":{"title":"What is WYSIWYG? Definition, Meaning and Key Features","slug":"what-is-wysiwyg","featured":false,"lastUpdated":"Nov 8th, 2024","description":{"description":"

Discover what WYSIWYG stands for, its meaning, and how this tool revolutionizes content creation and web design.

","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"]}