{"componentChunkName":"component---src-templates-posts-tsx","path":"/posts/page/2/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way","description":{"description":"Understand the Tiny Way - our heritage, values-driven approach and thinking through stories from and about Tiny people and culture, technology and the world at large."}}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth","description":{"description":"Everything from product roadmaps and market fit, through customer acquisition and onboarding to retention and product-led growth, can be found here to help you grow your brand, company and product."}}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG","description":{"description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects."}}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design","description":{"description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences."}}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights","description":{"description":"The perfect source for all web application and software developers, as well as engineering teams who want to stay up to date with the latest development tools, developer insights, leading edge thinking and experiments."}}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source","description":{"description":"Having a vibrant open source community is a vital part of TinyMCE, so you'll find important open source contribution news here – both from our own community, and from other open source projects in global communities."}}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":{"description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms."}}}]},"allContentfulBlogPost":{"edges":[{"node":{"title":"How to Optimize Images in TinyMCE with Uploadcare","slug":"how-to-optimize-images-with-tinymce-uploadcare","featured":true,"lastUpdated":"Mar 10th, 2026","description":{"description":"<p>Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Optimize Images in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA8FBMVEX3+f76+//5+//6/P/7/f/8/v/8/f/6+//6/P/5+//////+///9/v/9/f/8/f/8/f76+vvy8vLy8/P89eP+/Pf6+vru7u3x8fDy8vH8/Pv9/f76+/36+vz29vj29vn39/r7+vX9/fz8/P3y8vXz8/X19ff7+/z+/v/7+//19v/5+v/7+/729v7T1fnV1/rZ2vrb3Pvg4fvY2fnQ0ffR0/fu7/v+/v7s7v/e4v/m6f/s7PHp6e3t7fDk5enk5ejw8PP6+v/6+v77/P7z9P/m6P/j5v/39/fq6uvd3eDc3N/f3+Lv7/D8/P709fj5+vz7/P28MXniAAAAB3RSTlP+/v7+/v7+sGAR7wAAAI9JREFUCB1NwTELgkAYBuD3vTv7BjFaQ5wbguYa+vltjQ1NhURhFEJKSmV3HZTp8xBCdJyCVbWhxh89wCqj0DEkSFaGIb0bvBG/coOI3hCHpEREEqkjgwn70vsLD22asfzsYpHLjMVb64UMxFsd+dxjO99Mm5xa0EoyLKuQ67NGgFZhbXOKWV4JIXqcsqr+AJJPKknkHBYNAAAAAElFTkSuQmCC","aspectRatio":1.7833333333333334,"src":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&h=414&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1926&h=1080&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&h=414&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1926&h=1080&q=50&fm=webp&fit=scale 1926w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Optimize Images for Web in TinyMCE with Uploadcare | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing."}}},{"node":{"title":"Migrate from Tiptap to TinyMCE: The Vue.js Configuration","slug":"migrate-from-tiptap-to-tinymce","featured":true,"lastUpdated":"Mar 10th, 2026","description":{"description":"<p>Make the move from Tiptap to TinyMCE in your Vue.js project. Learn the best practices for a smooth migration and enhanced rich text editing.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Make the move from Tiptap to TinyMCE in your Vue.js project. Learn the best practices for a smooth migration and enhanced rich text editing."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Migrating from Tiptap to TinyMCE Vue.js","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABv1BMVEUJE1QKE1QACE8ACFAACFENFVINFFIKFlQRHFgRGlgAE1UIE1QADFEABU8ABk8AB08AClAJFVUfGVYFFVULF1UACFIADlU1JVZdNU8HGVcAAE8AAE4ABE4tIVVsO00gIFkDGVkAAFIACVUUIFouJ1cOHFhhQ0eRXz58R0V7PUl5NUx8LFF7KVF0JlEOAEsAAE0AC1MpIlUAEVgqMV+np7COjpsAAFQNF1QAAExeSFSRZ1aVXU2BRk6AQVR3PVyJSWN7N1lCO2A9QGMnK1kADFMABFQ0OWKysrqWl6IAAFEAClEPFlMAAEdKTm2Pk6GRlaOPlKGCh5Z2e4yJjpuUmKShoq2bnKdra4AFElMBFFYVH1kADFQMGVcPF1QOFVJPUG1/gJBzdYd4eYoxNFwPF1IbIFQ4O2AlKFgnKlgWGlMDDlIACU8DElMABFIAClIOF1QAAElERWV1dYd2d4h1dogbH1QAAEsED1EMFVMMFlQmIVcsIFQRG1ULE1IAAEYAAEgAAk6Gh5SBgpEABFA/KlJQMVAEFFMDDFEAA04ABU5WV3FRU24MFFIOFlMDDlEFD1ILFFQAAk8AAEoAA08ABE8NpA28AAAAkklEQVQI12NkYGRkgAJGxv9MjGDADcQMQPHPDHyMcCAFUQREPzlgYiwMPIxo4IEiixy6GKMII4sIEvewHZThI4yu8s8SJhUhMLgscIJ/Dh8YTP/MtJ+Vh5t717JrXG+4ardzAcFEBgami4LzuObef/aFU5aTk7Obg4PjSy/QC5yfq559YWBojeR4Hf2/kb0B6GYAle8ijdhUS2oAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Migrating from Tiptap to TinyMCE: Vue.js configuration | TinyMCE"},"metaDescription":{"metaDescription":"Make the move from Tiptap to TinyMCE in your Vue.js project. Learn the best practices for a smooth migration and enhanced rich text editing."}}},{"node":{"title":"How to Change TinyMCE Line Height, Margins, Paragraph Spacing","slug":"tinymce-margins-line-height-spacing","featured":true,"lastUpdated":"Mar 10th, 2026","description":{"description":"<p>Learn how to change TinyMCE line height, margins, and paragraph spacing with this comprehensive guide. Perfect for optimizing the TinyMCE editor.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to change TinyMCE line height, margins, and paragraph spacing with this comprehensive guide. Perfect for optimizing the TinyMCE editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to change TinyMCE line height, margins, paragraph spacing","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABwlBMVEUKE1QACE8ACFAACVENFVINFFIMFlQSHVgYHlcAFFUIE1QBDVEABk8AB08AClAIFlUSGVYHFVUMF1UACFIAD1UrIlZNLU4MGlcAAk8AAE8AAE4dG1VGJ00XHlkFGVkAAFIACVUZIFoqIVcPHFhXPUl9UkRxQUdtNklmK0xzKFB3KVJ0KlJ4LVNHG1IAEVQXGFYAEVgqMV+np7COjpsAAFQAD1QOF1QAAE1ZQU+KXkuEST94Pkx/QFODOliMN1eNL1KeOlVVHlEABlALF1UABlU0OWKysrqWl6IAAFEAClEPFlMAAEdRVXGOkaCMkJ+eoq2anqmOkp+Nk5+PlKFFTmsAAEsABU8RGFQIE1MBFFYVH1kADFQMGVcPF1QOFVI/QWNmZ3x3eIl1dohaXHRFR2dJS2lSVG8jKFcAAEoAAEwJE1IACU8EElMABFIAClIAAEZlZnuYmKSjo62dnahXWHIAAEQAAEk5O2E3OWAEElQJFFMhIlYrI1QUG1ULE1ImKVcMElEAA04VG1TOztLFxssADFEvIVNCKFEMFVMHEVMAAk4NFVObm6aMjZoACFEOFVMED1EFD1IABU4AAEMAAEULFFQOksf6AAAAiklEQVQI12NkYGBkgAJGxv9MjGDAxcgIEv7C84WXEQ4kwApBxE8OmBgLIzcjBmCRY8QiKIJNkEEYTeSE6SIWFSibYUkshOHRzMD06+cxXt6vh7g/Z/Dw8Czg5ubuZ2BgUpjJ8Gq74tXuc5xAwPCDg+PLhP9M5f+iNa82f2VkWMPOvpJBhLmWgYUBALw3HpPpSMRwAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/35w4uszQtSISsHmQN33irB/e2ec8101b064472dfe9eca8172cef5b1/-TinyMCE--Blog_header-_How_to_change_TinyMCE_line_height__margins__paragraph_spacing.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":"How to Change TinyMCE Line Height, Margins, Paragraph Spacing | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to change TinyMCE line height, margins, and paragraph spacing with this comprehensive guide. Perfect for optimizing the TinyMCE editor."}}},{"node":{"title":"Dark Mode Text Editor: How to Enable TinyMCE Dark Mode","slug":"dark-mode-tinymce-rich-text-editor","featured":true,"lastUpdated":"Mar 10th, 2026","description":{"description":"<p>Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Dark mode in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABqlBMVEUIElMABE4ABU4AB08ACE8KE1QJElMGEVMAEVQAEVYADlMABk8ABE8AA04ABk4EDVEABFAdIVldPVMxJ1oEFlEbH04FDUgXHEwXG0wVGkwkKFMjJ1ImKlMgI0gIDEAAAD8AAEIABEsABk0jI1ltPlI5KVwAFVAPFkkGD0kWHE0SGUsVG00UGkwZHk4ZHk0bIEwnNIMxPpMvPZMjNJEADlwAAkkABU8GH1wEGVkACEsZIllTXYlXYY1WYYxWYItGT3wAEFQACVEAAE45T75gcttldNpPYtQCG3YAAEQNFlQLE1QBCksXIVhRXIdVX4tVX4pRW4c7RHIADVMAD00nJlkvKmAAGGEADFsJEVIPFlUDDEsfKFxfaZVjbppjbplkb5pKU4AADlQAFVNLL1BfM04IIFkLE1EAB04CClEBCUoRG1NASXRDTHdCS3ZDTHgzPGoAC1AADlEAEE0VHE8gIVcDFFYKE1IBCU8EDE0ACEoAAEcAAEYAAUkEDEwFDkwIEU0CDksADE4KElIJE1QEDlEACFAJElIGDlEHD1ENFVIFD1ELFFQCC1AFDlBOpQ5/AAAAf0lEQVQI12NkYGBkZGSAA0Ywnx2If3L8ZAcLMH5h5GFg/M4owAgG/5kYEYCFQYgRA7CoXdLHFDzLCFe60wNMrVJgYWTghwlCWWkMQEMZUtB094IEGUpAyqD2d5U3/WdsZmwACv/nYPjB2FgfogcSr2FkbauEe+d/5x8GBtZ/PwADhRl8OzRSHgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Dark Mode Text Editor: How to Enable TinyMCE Dark Mode | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience."}}},{"node":{"title":"How to Add Custom Import and Export from Markdown Buttons to TinyMCE","slug":"how-to-add-import-and-export-markdown-buttons-to-rich-text-editor","featured":true,"lastUpdated":"Mar 10th, 2026","description":{"description":"<p>Learn how to add import and export Markdown buttons to rich text editor, enhancing workflow for seamless Markdown and HTML content integration.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to add import and export Markdown buttons to rich text editor, enhancing workflow for seamless Markdown and HTML content integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Add Import from Markdown and Export to Markdown buttons to TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEVm8P9l8P9l8f9m8f9j8f9d8f9c8P9e8f9g8f9j8P9i8f9s8P+Q7v2N7/qK8PiP8PyQ7vqL7/x66uiV5r2P6Mxq8P+Q7/z38Pj29vH0+ezv8/To6erL6fCA5d2Y47GL6dJf7/+W7fn7+vn9+/r//fzY9PiB4O1v6PZc7f5k7/9n8f+T7/v29/fy1ez3zuvZ5fOD6PSA6PVj6/pl7/5o8f9v8P+P7/qS3/Sp0PCc3/SH7PiC6/hl7/1c8v9b8v9f8f/AsfzGAAAAYElEQVQI12NgwAIYkSlGBsa/cB4jMyOQZgSCX///wgRZ2Bnh4O0/IB8kwcgNF/sGVgQipOFiNzVeQ7UzcijBBC/8han8rw0TO8aI5BYWZjPG/0ynf0BcBHcnyEl/GfABAKJ5EiionU8vAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Farzad Hayatbakhsh","slug":"farzad-hayatbakhsh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Add Import & Export from Markdown Buttons to Rich Text Editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to add import and export Markdown buttons to rich text editor, enhancing workflow for seamless Markdown and HTML content integration."}}},{"node":{"title":"Rich Text Editor Customizability: The Five Dimensions","slug":"rich-text-editor-customizability-five-dimensions","featured":true,"lastUpdated":"Mar 10th, 2026","description":{"description":"<p>Learn the five dimensions to measure WYSIWYG editor customizability: UI integration, plugin architecture, API, framework fit, and configuration.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn the five dimensions to measure WYSIWYG editor customizability: UI integration, plugin architecture, API, framework fit, and configuration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Rich Text Editor Customizability: The Five Dimensions","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABs1BMVEUIElMKE1QACE8AB08ABk4ABU4AB1AACFEHE1UHEVMDDFEABk8ABU8DC1AKElIJEVEIFFQIG1kIHVoHGloFE1UAAU4AAEwAAEoAAEsHD1EKFFQADlQAFlotKllXN0wkIlk7PGFPUGxERWZFR2dISWhSU25BQmQDC08AAk4LE1IOGVcAE1kAAFYACFwiKF5IKlQeIFoADFMAAEdcXXWBgpJrbIB5eox3eIqHiJZ2d4kTGlMAAE0HEFELFVQAE1ozOGGOj5xvcIMAFlwAHF4LGVgACFAAAEhQUm97fpB+gZJ7f5B9gZKHi5p+gpMnNF4AD1EEE1UAAFt0donX19u1tbwAD1sAFFkMFFMAB05LOE55WlJ1U1JzTVJ8T1N7S1R5SVl2OFBsLE8oGVUAHF0AIGM2PWSIiZdiY3oADFkBFVcPFlMAAE8jGU1ONUlHLEpOLUlPKUpUKUpUJktYJk5TIlEbG1k1LVY9MVcAIWIAAFoAA1kPH1wLFFQIEVEAAU8AA1AAF1pQNFFNL1EAHl4AE1cDEVUOF1UIEVMEDVEAEVQGGVkEGVkJF1cLElIIEFEFDlIJElNtoDSHAAAAfElEQVQIHQXBQSqFUQCA0e/kJu/1z/wjyRpMX4ZWxBClFEbK1IZkI2aYKtR1jqiqisDY+N3P7LvaAsZCle3X3CzA39g7ABy+HwOMIwArgLECvO0AODsBAPAyTgEAyHL5WVUr4Cbj2n3VNB9xd6unC88fD1VV573+zDmv1n/fxRlQsGkcvgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4lvoOKOTIVhLYb73gCpILI/f02162c87ac1f50ff63ca658739335f4/-TinyMCE--Blog_Header-_Rich_Text_Editor_Customizability__The_Five_Dimensions.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":"Rich Text Editor Customizability: The Five Dimensions | TinyMCE"},"metaDescription":{"metaDescription":"Learn the five dimensions to measure WYSIWYG editor customizability: UI integration, plugin architecture, API, framework fit, and configuration."}}},{"node":{"title":"How Long Does It Take to Customize TinyMCE? (Less Than You Think)","slug":"how-long-to-customize-tinymce","featured":true,"lastUpdated":"Mar 5th, 2026","description":{"description":"<p>Learn how long it takes to customize TinyMCE across five key dimensions of editor customizability &mdash; and why it's faster than you'd expect.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how long it takes to customize TinyMCE across five key dimensions of editor customizability — and why it's faster than you'd expect."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How Long Does it Take to Customize TinyMCE?","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABgFBMVEUKE1QAB08ACE8ABE4AAU4AAk4ABU4JElMIElQCDFEAA04ABk8AB1AAC1QAAFMAAFQAClIEDlEJE1QAAE0AAEoAAEYAAEgAAEwABlMPHFhjZX1JTGwAC1UAAElTVG95eotsbYFjZHpwcYRwcoV3eYpvcYRsboFCRGUAAFBNUG/Ly8+enqkMF1UIEVFNTmt4eYpmaH14d4d5eYpvcINyc4VoZ3w7PGEgKFt4eYtUVnEABFUAFFcEGVgAC1JNUG2QkqCFiJh5f5F2VmGCOzyKPUGJNkWNNEx+LVEMB1AABFMEGlkPHlgyKlgVHllBL01uVlppT1p1UlZyRE5hMkoxFk4xFU41FU8yE1AABE8OFlMJF1cSIVtqP0l5Q0gmIVgAD1YAAE8/LUt5U0KHV0GGUkN/SUdXL0wAA08CC1ABEVQTH1ptOE9nL1AEG1gAD1QACVABCU8ACFACFVYLHFoKHFoFGFcCDVEABU8BCVAACU8AClEED1IJElQLFFQAB04JE1OBiHCrAAAAjElEQVQIHQXBMS6DAQCA0e81TdpaKpo0RqM7cA+rQYxsto4uIC6Ba3ADR3CA1lBV4veeoqoaRvjxNzG1ryZ9NwUbcxZkqADrbY0PAICPE+8sj20Ogc858Gp5CoC3zrG2OAPwfAFwCewnmyddA+PddKh6+eomD7fw6+hKPW7VXe1mu1lodV9VVdWwGkb/M5gjNskuZdMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5jp68wBAsoHZGEmUDm8uEP/fedfc3660ad1554d4d443115d509de3a/-TinyMCE--Blog_Header-_How_Long_Does_it_Take_to_Customize_TinyMCE_.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":"How Long Does it Take to Customize TinyMCE? | TinyMCE"},"metaDescription":{"metaDescription":"Learn how long it takes to customize TinyMCE across five key dimensions of editor customizability — and why it's faster than you'd expect."}}},{"node":{"title":"Build a Custom Editor or Use TinyMCE? Open Source Options","slug":"tinymce-open-source-vs-building-custom-rich-text-editor","featured":true,"lastUpdated":"Mar 3rd, 2026","description":{"description":"<p>Compare open source TinyMCE with building a rich text editor using open source libraries. Learn the trade-offs between speed, customization, and maintenance.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Compare open source TinyMCE with building a rich text editor using open source libraries. Learn the trade-offs between speed, customization, and maintenance."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Build a Custom Editor or Use TinyMCE? Open Source Options","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABhlBMVEUKE1QACE8AB08ABk4ABE4ABU4JElMJE1QDDFEABU8ABk8AB1EABVMABlIAB1AEDlEAAE4AAEsAAEkAAEoAAEgAAFAACVUbJlwQHVkAD1UABE8/QWNUVXBRUm5AQWRJS2lHSGhGR2dISWhYWXJTVG8oL18/Q2i5ucCPkJwAAFUIE1QEDFAAAEVnaH2WlqKQkJ1+fo6IiJeOjpuRkp6LjJmUlaGQkZ1bX3o2OmOpqbJ/gI8AAFMADlQEEVMAA09aWXKAfo6OjJl8e4uJiJWVlKCcm6WTkp1ZV28AAD4ABlUAAFIADFYABFMAAE8bSmsmbYYvZIEhX4EkXoI5YocqV4ErX4wFUocASIMAMGoAAE0MFlUADVQAAFSam6aurrYkK10AAEwAKVkATG4APmcAOWYAPmoAN2gAMGUAO28AOW8BN28CJWAAAk0HD1EDEVUHGlqwsLi/v8VARGkAA04BAk0BCE8ABVAAClUeJlslLF4ADFULE1QFDlEBCU8AAlIADFMGEFMLFFQlt3ZbAAAAhklEQVQIHWXBsQnCQBiG4e89j5xaBDVOIWltnMEtHCFYWQmCjfNYuIAI9m4gtmKTwuT3AgqSPA8S+iKqTJYQqOQlvT0ieiktGYGQZM4cjYeJyYCWm5HTcSbP+LnMUrDnGKYL2o5+SYd8dj+pdpJRrzisicSGfSjVKNTXblhc50hb/vW8D8kH8kUeJRHcPz4AAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5EEn9vynp7bwccSKMY8WC/33b1508bafe551f545376279472907fa/Build_a_Custom_Editor_or_Use_TinyMCE__Open_Source_Options.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":"Open Source","slug":"open-source"},"metaTitle":{"metaTitle":"Build a Custom Editor or Use TinyMCE? Open Source Options | TinyMCE"},"metaDescription":null}},{"node":{"title":"How to Integrate TinyMCE into a Laravel Project","slug":"how-to-add-tinymce-to-laravel","featured":true,"lastUpdated":"Feb 26th, 2026","description":{"description":"<p>Learn how to integrate Tiny into a Laravel app using CDN or self-hosting. Step-by-step guide with Blade components, Vite setup, and license configuration.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to integrate Tiny into a Laravel app using CDN or self-hosting. Step-by-step guide with Blade components, Vite setup, and license configuration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Create a Laravel Project with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABqlBMVEUJElMKE1QAB08ABk4ABU4ABE4ACE8IElMCDFEAAk4AAU0AB04EDlEJE1QAAU4cIl0tMmkkKmUtMmgrMWgqL2gzOGsyN2s1Om0zOGwhJl8AA04AAEw5O2JlZn0rL1whKGQ8Q3o6QXk+RXo9RHpCSX1BSH08Q3gxOHEdJWMAAE4ABk8tMVxWWHMcIVYjKWVbZZdseKdrdqZrd6Zsd6ZqdaVjbZ5YYpVFTYMsMmtCRW4EDlIAAU8ABU8BDlMAA08jKmRdZ5hveqlueahpdKRhbJ1aZJdBS4Nxcoq6usFJS2wAAFAOFVQEDVEmLGVaZJRpdKJoc6BpdKFkb5xgaplZYpNETIJHS3RzdIohJVgCDVIDDFABCU8iKGQ7Ro0+SpI/SpA/SpFAS5BAS5FDTpM1Pn8jKmkEFF4AAE0JElIAAUoOHGdTZdNwf+RvfuJygONtfOJse+J1guNxgOQuQKQaIFgUG1kLE1IABU0SIXEcKHYVI3QeKXUXJXUfKnYcKXgEFGABCEsFDlAIEFEMFFILFFQAA0sAAEIAADwAADsAAD0AAD8AAUgBCE4CC0/x2NGcAAAAgUlEQVQIHV3BsQ2CUBRA0XvhCcYCYu0EDuJSJjS6hzs4iBs4gIWFpQnIFz9UniOKAjJJqaRP1n4YRSCwH9d9ZdRvy8oJzh7gzkWiMLsTtP6BSFszUuFsiHg8D2a4CCJozXABBcO1ydrZpRmGqKvUvLbqWPrTuVHPp9VRJVE4ubnvvvvOH3NuUin/AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Frédéric Harper","slug":"frederic-harper"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Add TinyMCE to Laravel (Cloud & Self-Hosted Guide) | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to integrate Tiny into a Laravel app using CDN or self-hosting. Step-by-step guide with Blade components, Vite setup, and license configuration."}}},{"node":{"title":"Why TinyMCE is the Right Rich Text Editor for Team Collaboration Apps","slug":"why-tinymce-is-the-best-rich-text-editor-for-team-collaboration-platforms","featured":true,"lastUpdated":"Feb 20th, 2026","description":{"description":"<p>See why TinyMCE is the best rich text editor for team collaboration apps, with comments, @mentions, revision history and multi-instance performance.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"See why TinyMCE is the best rich text editor for team collaboration apps, with comments, @mentions, revision history and multi-instance performance."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Why TinyMCE is the Right Rich Text Editor for Team Collaboration Platforms","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABqlBMVEUJE1QAB08ACE8ABk4KElMJElMIElMAClEAAE4AAU4AA04ABU8ACFACC1ICClMACVEACVACCFIGD1QJElQAAE0AAEsAAEoAAEgAAEkAAEwACFISLF4QM2EEDlQAAVAFEVURNWIRKl0BCFIAAEdZWnOJiphtboJ5eouFhZSLi5l6e4xxcYR+fo4+P2MAAFARNGEKP2YAAFYAAE8ACFgKRGkDCFIAAERfYHiIiJaAf4+Ih5WBgZCDgpF9fIyHhpSKipdVVG4DDlQAA1dUV3SVlqNZXHgABVgEEFUAB1AAAEVhYHeAgZFbbYRjcolQYX1aa4ZbbYljcIpnc45DVnwAF1iWlqLa2t2VlqIABU5QVXBmb4QATXIAT3YAQm0ASXYATn0ARnkAQ3kAR34EMWkFDFUACllMT2+DhJRESGwAFVoHFVYABlAAPWMAaIMAVncMElUEP2QFNGAABFgAD1kLT3ARPGUDBFIAD1AABE4BCVEMGlkFTW0JMF4EElYAA1AGElURMWARJ1wBB1ELE1QEDFEBCFAGElQKFFcKFVcEDlIBCVAKE1QMFFQABk8YUunSAAAAiElEQVQI12NkYGBkgABGhv9A4j8TIyMjGyNEkBECPvOBSBEg9z/TPwbmf8yMMMDCz4gOfrOxCCN4V3VgLE8kNVu0lBkZr3+wYlQ2w9DPyPIZqH/1f7D9YUD+AUeI7cndbAUPGBhWlyFU5jO2lXV2gVTygPiVHe1Ah3f3MDJBQS93LyMTI3MzKwBN6BrhXLtewQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7yGba0tLxrgRjjVcL5JNl3/cf7d88b2be38ff04e26b23f936c5ec06/Why_TinyMCE_is_the_Right_Rich_Text_Editor_for_Team_Collaboration_Platforms-1.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":"Why TinyMCE Is The Best For Team Collaboration Apps | TinyMCE"},"metaDescription":{"metaDescription":"See why TinyMCE is the best rich text editor for team collaboration apps, with comments, @mentions, revision history and multi-instance performance."}}},{"node":{"title":"How to Build a Team Collaboration App with TinyMCE and React","slug":"how-to-build-React-team-collaboration-app","featured":true,"lastUpdated":"Feb 18th, 2026","description":{"description":"<p>Step-by-step guide to integrate TinyMCE in an React collaboration app, including life cycle, forms binding, mentions, and scaling patterns.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide to integrate TinyMCE in an React collaboration app, including life cycle, forms binding, mentions, and scaling patterns."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a Team Collaboration App with TinyMCE + React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABtlBMVEUIE1QAB08ACE8ABk8IElQIElMGElQACVEAAE8AAU8AA08ABE8ACVAADlMADlQAClEADFQAEVUHE1UeF04kGk4jGE4ODU8oGE4RDU8OC08AD1QpJFg3KFYAEVYAAVAAE1ZCMFUvJlcADFMAAFBnSkmQZEKLXENxRkh9SUiLTUhwOktGLlZNL1MAAFgACVlVM1M8KFdTOkiAVj6FVT1/TEB2QUOFRUJ2OUZ0Nk2BOk9LIFAABlEAAlhZXHebnKddYXsAA1kAEFUACFAAAEtMQ1x7aGyCbG56X2VzWGSBZnB5XmxaKU11NE9CHE+VlqLZ2dyUlaIAAFEAA1AAAEdaXXZ/gZKIi5qHipp4fI6FiZh0eIsADFEAAE4AAk8ACFMABlUAAFZGSmx8fo89Q2oAFloIF1dQUW2JiZeRkZ6YmaSHiJYLE1EAAEgAAE0ABE4ABFEXI1yEhZRqa4IAAFQADVlZN1E+K1YAAEwDC08wMlw+QGMxM1wvMVsABU8ZJV2IiZhub4QAAFMAElUtIlgeHlgADFIHEVMAB1AAAk4ACVQAE1gADlYABVEBEVQJE1QKE1QAB04JElMYf15lAAAAm0lEQVQIHQXBMS5EUQAF0HteXsbjxxDVZEQh0chX2oHEDuxCNEIyyZRahcJC9JagoVBPJGpiZFB950gkkSQZIkPBCOJ3SDaw3ITWAV8rE4C6C/hYK997rDoW2iEArz3gBIDH6fspPNRtAM4AtWYHANyfs14PwCL7NxdjZMxV3fL5lOOjGZOCv9vrdlla++n70UwyH16e37Lsyt0/AyIgqverEawAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a Team Collaboration App with TinyMCE + React | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide to integrate TinyMCE in an React collaboration app, including lifecycle, forms binding, mentions, and scaling patterns."}}},{"node":{"title":"How to Build a Help Desk App in React with TinyMCE","slug":"build-help-desk-app-with-react","featured":true,"lastUpdated":"Feb 11th, 2026","description":{"description":"<p>Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a Help Desk App in React with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABsFBMVEUKE1QACE8AB08ABk4KElMJElMEDVEABU4ABk8ABU8ACVADDVMAClEACVEDCVIHD1QJElQAAU4AAEwAAEoAAEsAAEkAAE4EDFMTKFwQLl4ED1UAAVAFElURN2MSLF4BCFI2N15NTWpBQWNERGVRUW1SUm0yO2AANF4AO2EAIVUEBVITN2MLQWgAAFcAAE8AB1gKQ2kRM2ECCFIAAEdYW3SIiph8fY17fI2JiZeNjZpXboMAXHgAbYQARmgBAE4EEVUABVhZXHebnKdeYXsDD1QAB1AAAEgAQWYAYn0AXnoAX3oAUnEAZn8AXHcAFVKVlqLZ2dyUlaIAAFAAAlBPU26Fiph0eIp6f4+Ah5aNkJ1+gpEgM1wAGlMECFEOEVUJClUAClhIS2x8fo8+Q2kAE1oIFlY6O2BeXnZKSmhPTmtkY3leXXVUVG8ODE8AAE0KD1UONWQEY4cJNGQAAlcAEVkLOmMSL18DDFMKDVUIUHcAjK8IT3cIClUAA1AGElURJlsRIVoBClIABE4JElUTI1oPPWoJEVQBCVABC1IGEFQLFFQFCVIFAVIFCFIAB04LE1QrHffIAAAAnElEQVQIHWXBMQ7BYBiA4e9tv0p+pSKV2AiLSzgAk8TqEI5gEqPF5h5NLNLR4gx2i6TageRvNWmaCM+DCFJDpKCk0gBBircUBiHzKXWBwsnJRamp2+KPDvlx76MhPAOwChcvHEGHSKVNQGVGRekt+XYbU+ri5s4gvK6Oa2rOI03SZDHNDi/f901za4zZu7I7WRvHVnAn6m3sea7RB77EJUgK3FzNAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a Help Desk App in React (Step-by-Step Guide) | TinyMCE"},"metaDescription":{"metaDescription":"Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink."}}}]}},"pageContext":{"limit":12,"skip":12,"numPages":56,"currentPage":2,"title":"All posts","slug":"posts","page":"posts","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"]}