{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/tinymce-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":"How to Migrate from TinyMCE 7 to TinyMCE 8","slug":"how-to-migrate-from-tinymce7-to-tinymce8","featured":true,"lastUpdated":"Aug 7th, 2025","description":{"description":"<p>Learn how to easily migrate from TinyMCE version 7 to the latest update, version 8 with our step-by-step guide.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to easily migrate from TinyMCE version 7 to the latest update, version 8 with our step-by-step guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Migrate from TinyMCE 7 to TinyMCE 8","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABelBMVEUKE1QACE8AB08JElMJE1QDDVEABk8EDVEJE1MABE8AAE8AAE4AA04ACFAAAFIAB1YAC1cACVUADFIAB05GMUtkQUhVMUpWKktfJ01zK1BaHFBfHlBQGU8ABFAADFM8P2M5PGM6PmQ2OWEAE1YABk4AAE1eQkuOXT+HTD6CREuHQFCaNU+ePFeUPVmCN1gOFFEAA1MACleAgJB2dogAEVkAFVkABU8AAEZlaH6Qk6GIjJpkaX+MkJ6QlKCjpa6anqmGiZdXWXMAAFQAFFytrbWkpa6cnaiqqrIkNGUAGF0ABVBRU251doiBgpJmZ32Cg5KSk5+EhZR5e4s/QmMUGVMAA1UEIF2vsLi1rbKupaqqq7QmMmMAAEdfX3d9fo55eYqYmKSQkZ2FhpR4eYoAAEwABVEABlUyN2A4M1w5NFw2OmIAAVMAClMABU4AAEoAAEgAAEUAAEQABE4ACVIABFUADloAD1oAC1IIElQBC1EAAk4AB1AEDlELFFRxVJjKAAAAh0lEQVQIHWXBTQ7BUBiG0fe5vlS4l7S9CzDqOmzEQvx1I2YGLMTMAiSsAlNpUm1D0nAOEuqhVj3AoJJqtTBVMmCEGki8NKT1yIwxH/ecTkgo6JNoWM4/U+THzbEAnilwmvPlzll2naXpJWi6nzQOYXfUcrX2vvA+JODcZuKSrUml69CJMbpSbxYCFgZgy5ZIAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Migrate from TinyMCE 7 to TinyMCE 8 | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to easily migrate from TinyMCE version 7 to the latest update, version 8 with our step-by-step guide."}}},{"node":{"title":"How to Add an Emoji Picker to a React Rich Text Editor","slug":"react-emoji-picker","featured":true,"lastUpdated":"Jul 22nd, 2025","description":{"description":"<p>Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons&mdash;step-by-step setup, code, and customization tips.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons—step-by-step setup, code, and customization tips."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Add an Emoji Picker to a React Rich Text Editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABiVBMVEUKE1QACE8AB08ABk4ABE4ABU4JElMLE1QEDVEABk8AB1EABVMABlIAB1AEDlEJE1QAAk4AAEwAAEkAAEoAAEgAAE8AClUbJlwQHVkAD1UABE8AAEsAPWMAV3YAS28ARm4AS3QAUHsAQHEAQXQARnsARHsANXJCRGe5ucCPkJwAAFUIE1QEDVAARmkAaIMAW3wWVXk3Xn82YoZJZog4WYE2WYQASYEAN3M7PWOpqbJ/gI8AAFMCEVQABU8AAEcASGoAZYU/YoCEgpCXlqGSkZ13doYAAEYAAE0ABVQACFYAE1cADlYAE1gCElUABVAAAEVuboGZmaSCg5KIiJaJiZeOjpyamqWOj5xERWULGFgUIlwEFllwcYR7fI0VIFkABFMxM1xSUm5BQmRCQ2RLTGpISWhQUW1OUGwcH1QAAE4EDFMRO2cMSHcPHVwIG1uMjZqZmqUhKV0EDVMRKV4RMmUIFVcAEVYnLl4tM2EAE1YABFEBCVADC1IAClEACFECD1QIEVMLFFQAB04jQzlBAAAAiUlEQVQIHV3BMQ7BYBzG4ff3tVqLqM/YxSEMJjcQi0vYzDZ293CH3kA6O4OtIRIxtH9fFIk+DxL6IKhNlpBSN3qzlOCuAWQgzDVy4u1iIqfrbPicf5UvmVN5EK3bkCAe4WkVjyX+mhGMF3SdWB+dJBPTYsOX+vVMQfm0LYLDaoK048dF+6gXK3kByDMgGBTbYvgAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.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 Add an Emoji Picker to a React Rich Text Editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons—step-by-step setup, code, and customization tips."}}},{"node":{"title":"How to Create a New Angular Project: Step-by-Step Guide","slug":"create-new-angular-project","featured":false,"lastUpdated":"Jul 16th, 2025","description":{"description":"<p>Follow our detailed tutorial to create a new Angular project, set up your environment, and start building today.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Follow our detailed tutorial to create a new Angular project, set up your environment, and start building today."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Create a New Angular Project","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABU1BMVEUKE1QACE8AB08ABE4AAU4AAk4ABU4JElMEDlEACFAAC1QAAFMAAFQAClIJE1QABk8ABU8ACVMQHFhjZX1JTGwAC1UAB1AAAU8AAE8AAE4AA09NUG/Ly8+enqkMF1UIEVFhQkaNWz6DSkR9PEd7NEuGMFGELFKPMVNuIU8AAEsAAFAbI1p4eYtUVXEABFQAFVYIG1cADFFVR1uBYmF4UFZzT2BxR15xQV9+SWSETGVzT2k1OmA2OWAqL14AAFIDG1ghHlseIF4OHlgADVEAAEdnaX+Zm6iIi5qFiZiVmKSZnKiTl6N8gpGKjZubnKeUlaFra4AGF1YZIFuBFXJsEI0iHWcAElMAAEwAAE0JEVEDDlAfI1UpLFkKE1EjJlcWGlMCClAAEVMAH1pnEVZuDmMAHFsAF1YJHVkSHVgDGVYACVAACU8AC1EED1ILFFQAB04JE1Oz6u6QAAAAiklEQVQIHQXBMS5EYQCAwW/sxnuqFRIkTqCXKBQ6t3ABCZfRuY1KJVFTKklEVDbLb0apqgKbMaZl809V1QSb5m0rjb6rYQXey6Eqla9dPve8DUczAIBnJzsA8HQKy2MAeLkEy338LVg38XoGG4uDixqpHj5+pyvQvK6qUV03Hs/d6/auqqoqN2PrH6TPINPUDAF8AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.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 Create New Angular Project: Step-by-Step Guide | TinyMCE"},"metaDescription":{"metaDescription":"Follow our detailed tutorial How to Create a New Angular Project, set up your environment, and start building today."}}},{"node":{"title":"Comparing Tiptap and TinyMCE in React","slug":"compare-tiptap-and-tinymce-in-react","featured":true,"lastUpdated":"Jul 15th, 2025","description":{"description":"<p>Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Comparing Tiptap to TinyMCE in React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABsFBMVEUKE1QACE8AB08ABk4KElMJEVMLE1QEDFEABU4AB04ACVACDFIDDVMAClEDCVIHD1QJElQAAU4AAEwAAEkAAEgAAEcAAU0ABk8SL2ERLmMFEVUABFAHEVUROWgSL2IBB1EAAEoAQGUAWXkAU3kAUXsATHwATIAAQHoAAFEAAEsAAE8JMWINPG4AEVkAAFIAElkPRHMSNGcCCFEnRmg1Z4IhX4ERYIgOVIIgU4M2YpQzO2UeH1M5O2A/QWQlKVsACFg6PmV8fY4/RGkFEFQAB1AAAEZPTmuVk5+TkZ2Eg5CVlJ6BgY+QkJyZmqWioq2am6ZgYnoAAE15eozR0dV4eYwAAFNPUG19fY2JiZd+f49ycoU0NV0PFFEhI1UnKlotMF8ZGlgADFgzOGJoaYAsM2EDG1sKFlYACFBOT2xsbYF5eYp7fIxpan8DCk8AMWIAYocKNGQADlkAFlkORXETMWYDClIAAEUABE4ABU8IDFUGT3cAjK8IT3cIC1UHElQRI10BCVEJE1QDDFEAA04JElUTI1oPPWoJEVQBCVABCFEGD1MLFFQFCVIFAVIFCFIJElN0N+75AAAAmUlEQVQIHVXBQQoBYQCG4e8df6IZCVGzIrmACyiycBGuYGHFYmqacyjFAWxsXcPGbpoFjVLKb8QUz4OEckiWjCmC9FDxLpWBtGSAGhlZOddqWuGrQ07kTNrmX9zC9EH8ahwTmkM+Tl1y5lnnbS35PnAYA85gv/PczXl6mfW8TOJtXZclN09pZMUKrLMIIEDR3OqN0QTCWBTCF5ddIrD5si5TAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_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":"Tiptap vs TinyMCE in React: Which Editor Wins? | TinyMCE"},"metaDescription":{"metaDescription":"Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power."}}},{"node":{"title":"How to Configure Google Fonts in TinyMCE","slug":"tinymce-google-fonts","featured":true,"lastUpdated":"Jul 2nd, 2025","description":{"description":"<p>Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor&rsquo;s typography.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor’s typography."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Configure Google Fonts in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABnlBMVEUJElMKE1QACE8AB04ABU4ABE4AA00AAU0ABk4JE1QEDlEAAk4AAEwAAEkAAEoAAE0AB08dI14tM2kkKmUtMmgqMGgoLmY1PG9PV4JJUX5MVIE1PHAYHlwABU8iKWM7Qnk5QXk+RXo9RHo4P3ZgaJGTnsN4gqtIUIE0PHQfKGQAB1ACClBaZZdsd6drdqZrd6ZncqFzfaSZpMh9iK88RXkmNm8mMGcQHFkADFIBCVADDFEACFAkK2VcZ5hveqlueahueqhqdaR0fqSVoMZ7hq4/S348O2tkNktDL1sAF1daZJVqdKJpc6FqdKFlcJ1zfKGRnMF4g6xCS38rOW8zM2IbIVoMF1YiKGI6QXk9SI0+SZE/SpE+SZA/So1IUH1ES3s0O3MqM28fLGcAClEMFFMVG1cZImc5Us1mduFnd99jdOA+V9USIHEXHVocIl8fJWAWHFkME1IABEwGGm8cKHYgK3YcKXcRIXQDC04EDE8EDVAFDlAIEFEMFFILFFQABEsAAEIAAD0AADwAAD4ABksBCU8CCk8CC08CC1ADDFDf/+DCAAAAg0lEQVQIHU3BPQ4BURhA0XvHi58YU+jEChRqq9IrqFiCNdgLG2AHopUIIyYfU3nniKIgSkTnTUQa+BJSQ1fR2hiEBdWj9O82vGMBU3MXsGAWt4mZE4mFjs1B4jiL8cgMJDhP5+YgAdfKv/2youj1idGhbD2HP6vyXetmh2t/mmTrU2+/Ax4heOmj0ekAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_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":"Google Fonts: what is it and how to use it in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor’s typography.\n\n"}}},{"node":{"title":"How to Optimize Images in TinyMCE with Uploadcare","slug":"how-to-optimize-images-with-tinymce-uploadcare","featured":true,"lastUpdated":"Jun 25th, 2025","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":"Jun 17th, 2025","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":"Jun 10th, 2025","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":"May 15th, 2025","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":"TinyMCE 7.7 Release Highlight: Better Performance, Accessibility & Configuration","slug":"tinymce-7-7-release-highlights","featured":true,"lastUpdated":"Mar 5th, 2025","description":{"description":"<p>Discover TinyMCE 7.7: Enjoy faster performance, enhanced accessibility, and flexible configuration options to streamline your content editing workflow.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover TinyMCE 7.7: Enjoy faster performance, enhanced accessibility, and flexible configuration options to streamline your content editing workflow."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE version 7.7","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABKVBMVEUXIlAWIVAUIVAVIVAXIVAWIU8cKFcZJFMXIE8vMFIoLFETIFAUIE8TH08XJFQVIVETIE8aMVUXI1AeJlAaI1AMG04ACEkAAEYAAEUAAEIAAEgKGk03PFyGiJV3eYhzdYWNj5qKjJiIipc2PF0MG00WIE8ZI1AQHU8nLlWAgZCam6akpq+ho6yXmaSVlqI7QGAJGk0qLE8YIlAYKFAWJk8JGU0AAER1eYexpa2QjJillZ8AAEMEGE0SIVAWIlAmKU8iJ1AYJ1AXJlASH096d4a2n6milJ+XgY8QHk8UIlAxJFEiIlATIVAAFkxPTmdhWG9sYnYtKVMAGU0VIFAZLlQXJVFCJlEtI1AuI1AYIVAADEoACUoFG04XJlERIVBJJ1IhIlAXIFAOIVCr7buDAAAAo0lEQVQI1z3OMQ4BQQCF4f/NTrJizEZEs9EptKJHLw6BG3IAjTjARrSIRkShoJ3dUWzsX355xRMgqUqQVEVsCGABpZKQpG/p9a4xtiVJisY9wQYEoH6qf7cwulqApNfYOeCGVhNO48aKwEyFMT4rsyy7e+/9pZPbhfdLKYItp93/9pnrYSIQZoNOdM5td/vWsfURdau1SRLBxgL1pbnLX58DTT9+nykn71E1QAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3tHlbwFxcLGIw0plcVikQL/35dd5f4f14ab2c9943af26ef4261aaa9/-TinyMCE--Blog-_Tiny_7.7.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":"TinyMCE 7.7 Release Highlights: Better Performance, Accessibility, and Configuration | TinyMCE"},"metaDescription":{"metaDescription":"Discover TinyMCE 7.7: Enjoy faster performance, enhanced accessibility, and flexible configuration options to streamline your content editing workflow."}}},{"node":{"title":"Textarea Placeholder: Usage, Examples, and Best Practices","slug":"textarea-placeholder-usage-examples-and-best-practices","featured":false,"lastUpdated":"Feb 14th, 2025","description":{"description":"<p>Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Placeholder Text Best Practices | TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABDlBMVEWbyP+ayP+Yx/+Xxv+Vxv+Uxv+Uxf+Wxv+ZyP+pz/6z0/671/7E3P3O4f3Q4v2hy/+byf+cyf+ky/3n6/bz8vj39fz39Pz38/zy8Putz/2hwPydyf+ozPzk5fXs6Pfv7Pvw7fvz8P308v271v+yvPmnzv+izf+dyv+kzf2ozPrf4/br5/bu6/vBv9WtrMOQpMR7r8yBudCUv+mayf+qxvewyvekzP7a4fXr5/Pu6vnw7Pu6uM2nprmUn7p2qMF5tMafv9+qzfqmxvmryfmizP/W4Pjz8Pvu7/vs7vvp7fzl7P3D3P+izf2mzv+sz/yhx/eqy/uxz/uoy/yiyfyex/2ax/+ey/+eyv+Zx/+Xx/+MkUHeAAAAZElEQVQI12NkgABGEPEfmcPACAU/IIIsEIodIsjA8QEmKPhBEKqSm5GB8T1UpQAXTD9QGCooBtEKEf0C0W7MiAz4b/8Hq+RDEf0PcZIxw9kAMH+3G+NKJHeGM65kY/gJdz02AACv4hCt2gn+0QAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.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":"Textarea Placeholder: Usage, Examples, and Best Practices | TinyMCE"},"metaDescription":{"metaDescription":"Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips."}}},{"node":{"title":"How to Set Up Rich Text Editor Comments in Embedded Mode: Step-by-Step Guide","slug":"how-to-set-up-comments-plugin-in-tinymce","featured":false,"lastUpdated":"Dec 17th, 2024","description":{"description":"<p>Learn how to set up TinyMCE's Comments plugin in embedded mode, with step-by-step instructions for easy content collaboration.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to set up TinyMCE's Comments plugin in embedded mode, with step-by-step instructions for easy content collaboration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Set Up Comments Plugin in Rich Text Editor | TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABEVBMVEX/5s//5tD+5dD+5dH+5M7/5c7/59D/59H95dD85NL749P64dL44dL46uH27OP76df/6NL/6dT/69b/6tX/6NP+5tD95NH54dT44dX239X05uD28/H9/f7z+fjy8ef+5tbx19r75Nr/7Nn/6NH95dH649P44NX24Nb239fx4tz49/f6+Pn+/f798Ojf6dXH6tbPzOHjwuX03N354tT34NX34Nf34tj15t/5+Pn5+fn89/X/7N7d69RV9dNU9NvNzuXo1OL/6dL85NH54tX65Nj759r56+H69/b78ej+69r/6tb+6tbW7NOJ9NTn6dP749T/58/95dT96Nf+69v97N397Nz/6tf/6dX65s/958//59Kn7oEsAAAAc0lEQVQIHY3BMQqCUACA4f8XMQoih1o7QDeIbuDW2C3dmhw7RlNdQIykZ/GEoLSt7+NvAioxscswEgBxovjVPMCVt7mDOj9DujB3pL4CTjf+OAVIt5e1I8eiBJPlzrfq2e5tKQHx8IpYNTHwIWQzuHeRQQ/p1x4IR5O7YAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2uZT6WFptseCxlmHXTmP8C/809a03c3bc379f4ba7b85ce29eedc82c/How_to_Configure_Advanced_Comments_Blog.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 Set Up Comments Plugin in Rich Text Editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to set up TinyMCE's Comments plugin in embedded mode, with step-by-step instructions for easy content collaboration."}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":2,"currentPage":1,"slug":"tinymce-7","title":"TinyMCE 7","page":"tag","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"]},"bannerForTag":null}},"staticQueryHashes":["2492987505","740350947"]}