{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/tinymce-7/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":"What are Line Breaks? Learn How to Add and Remove Them","slug":"remove-line-breaks","featured":false,"lastUpdated":"Nov 21st, 2024","description":{"description":"<p>Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to remove line breaks in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAyVBMVEWl8PCl8fGj8fGh8PCj8PCl8fCy7u677++67++u8PCi8fCk8fGk7Ore8fHv9PX4+fn6+fr++/vS8/Sm5+ut7e6k8e+m8O+h7+7h8/P49PT49/f69/T++vXZ9PXXvM3eu82v7eqm8Oyg7+/i8/P79fX7+vr++/j//fnX9fXUy9naytip7/Cl8PGi7+/f8vPy8Pjv8Pj7+vv//f7T9vac7euj7+6k8vGz8PC58O+68fG78fC88vGu8O+e7eyh7u2i8PCb7uyg8PCg8O/OBbikAAAAYUlEQVQI12NgwAIYISQjiGb8y/IbzGUBizEzAUX/M7Ex/mH4D1PJyM0IB6//Q1VyIQvCtDMgBB9oX4EKfkMIfrsCt53FGCp2+D/cdgYNDsbDdoyH/oLthgMdoA4dHQZ8AACeiRNqOtUiuwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.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":"What are Line Breaks? Learn how to add and remove them | TinyMCE"},"metaDescription":{"metaDescription":"Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts"}}},{"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":"Nov 21st, 2024","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":"How to Integrate TinyMCE's AI Assistant with Amazon Bedrock","slug":"amazon-bedrock-integration-with-tinymce-ai-assistant","featured":true,"lastUpdated":"Nov 4th, 2024","description":{"description":"<p>Learn how to integrate Amazon Bedrock with TinyMCE's AI Assistant to enhance content creation with powerful AI capabilities and customizable prompts.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to integrate Amazon Bedrock with TinyMCE's AI Assistant to enhance content creation with powerful AI capabilities and customizable prompts."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration of a rich text editor with AI and Amazon bedrock integration","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABSlBMVEX+3OD/3OD+3OH93OH93OL+3OL/3eH+3uH93+L74OL53+L63uL83uH+3eH83OL72+P72+Ty0tzz09z52uLu1eLq1uTn2ebj2ebk3Obx4ub34eT93uL92+H52+fqztp6dJiDepvhy9nV2fPQ1/G3wOLQ2PTPzubs4+b14ub83+L72+L52uP42ufmyddhaY1scJPay9j5+/7z9PXFyND3+fnv5eju3uL34OT72uL52eP22eX22+bgytPjztXm3Ofn7PX29/j4+Pnx8vPt3d/43eD82+L52+Pz3eXx4efu4+nt5urn5One2uPq3eH14OP02t711tr93OD82+H53OPz4OXq5Onk5+vh6e3g6u3j6ezq5urz4uX73uL83OH23+Tr5Oji6ezd6+7e6u7o5urv4+f33+P93eH83eH04eXq5enj6Ozk6Ozu4+f53+MzRBnEAAAAcUlEQVQIHVXBzRHBUBSA0e+L+zZ+Yh2F2CtTATpRSlSQDRK5YsyY5xxB/iUhkCyEBAQ0aVRe4dcgoW6sDdkEdkNr5YYB7d5KT0PQtVauRQjYWZkfZSIOR38uZQSyif7kx7xSGUkww7WL+3Yqz7MkkLwB38gdMN2tJhkAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Amazon Bedrock Integration for TinyMCE AI Assistant | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to integrate Amazon Bedrock with TinyMCE's AI Assistant to enhance content creation with powerful AI capabilities and customizable prompts."}}},{"node":{"title":"Vue Textarea with Rich Text Editing Integration","slug":"vue-textarea-tinymce-integration","featured":false,"lastUpdated":"Oct 31st, 2024","description":{"description":"<p>Discover how to enhance Vue.js Textareas by integrating TinyMCE for advanced text editing and form control.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover how to enhance Vue.js Textareas by integrating TinyMCE for advanced text editing and form control."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Vue logo displayed on a large background inside a text editor with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAmVBMVEXQ/+3P/+3O/+3c+u3k8+7n+vXp/fXp/PXn/PTT/u7Q/+7Y/O3f+/Dh//Xi//Tj//bj//Xi//Xh/vLZ+ezT/e3P/uzN/eui28SJv6y88du349O86tm/793R+Ont7+7s8e/X++zp8e7o9fCz6NKCyKrJ+eax2cu859e759fL+OfV+evb+e3Q/u3W++zk8+3f+O7L/enS/+/R/+6IpGGNAAAAUUlEQVQI12NgIBYwwigI4x+YZIEIMjECAVCO8cd/mEqub9yMMPAGpvKbKFyMkeHbN4hKBUYkcO8bRCUvI+NFA5D0ebHXcDOBpCGIuvGNgUQAAGpQD/HeBFbrAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_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":"Vue Textarea with Rich Text Editing Integration | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to enhance Vue.js Textareas by integrating TinyMCE for advanced text editing and form control."}}},{"node":{"title":"Four Steps to Upgrade a React Textarea with a Rich Text Editor","slug":"upgrade-react-textarea-with-rich-text-editor-and-vite","featured":false,"lastUpdated":"Oct 30th, 2024","description":{"description":"<p>Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Elements of JavaScript reference React while images on a computer screen represent the text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7898148148148147,"src":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=185&h=103&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&h=413&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1109&h=620&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1478&h=826&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1933&h=1080&q=50&fit=scale 1933w","srcWebp":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=185&h=103&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&h=413&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1109&h=620&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1478&h=826&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1933&h=1080&q=50&fm=webp&fit=scale 1933w","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":"Upgrade React Textarea with Rich Text Editor in 4 Steps | TinyMCE"},"metaDescription":{"metaDescription":"Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more."}}},{"node":{"title":"Upgrades to Enhanced Comments, Read-Only Templates - TinyMCE 7.4","slug":"tinymce-7-4-release-highlights","featured":true,"lastUpdated":"Oct 23rd, 2024","description":{"description":"<p>Latest TinyMCE 7.4 updates bring a more intuitive Enhanced Comments plugin and helpful Read-Only Templates, making collaboration even easier.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Latest TinyMCE 7.4 updates bring a more intuitive Enhanced Comments plugin and helpful Read-Only Templates, making collaboration even easier."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The words \"TinyMCE 7.4\" on a decorative dark background","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABL1BMVEUXIlAWIVAUIVAVIVAXIVAWIU8cKFcZJFMXIE8vMFIoLFETIFAUIE8TH08XJFQVIVETIE8aMVUXI1AeJlAaI1AMG04ACEkAAEYAAEUAAEIAAEgKGk03PFyGiJV3eYh0dYWNj5qLjJiIipc2PF0MGk0WIE8ZI1AQHU4nLlWAgZCam6akpa+enqmWl6KVlqI8QF8JGU0qLE8YIlAYKFAWJk8HGE2IipWUoqd0fYmQoqYAAEAEFkwSIVAWIlAmKU8iJ1AYJ1AXJlASHk8AAESHj5iWqqy5wcS3yskAFUoOGk4UIlAwJFEiIlATIVARIE8EFUxQWW5RX3FNVGtXYXMAF0wTHk8ZLlQXJVFCJlEtI1AuI1AAD0sAAkkABUkSHU8XJlERIVBJJ1IhIlAXIFAOIVCz6FovAAAAoklEQVQIHT3BsS4EURiA0e+b+ZPdzN1pREMkEoVKIvrVqngIvJ4X2ChFj6htQiQ0QrR39rpWxjkC6qpFXRUiZwjAiYrV99D7AQGUzrXSpDeIjFRuThwt8/5TULUbjh4zaS884uFQn3f9dZ+ZexfNzKHXA9e2lid6qgViOHP0uuNLU4A8ny1SSl13dT29nX7Jn/OLpm2NuAwqqY777ffPG/79AEzAJ/yE9GFlAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/21cPMUZMcfDtzV3oTYi7xN/557f0e2f3fd1fa39923a9248b7a9963d/Tiny_7.4.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Bee Lawless","slug":"bee-lawless"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"TinyMCE 7.4: Enhanced Comments & Read-Only Templates | TinyMCE"},"metaDescription":{"metaDescription":"Latest TinyMCE 7.4 updates bring a more intuitive Enhanced Comments plugin and helpful Read-Only Templates, making collaboration even easier."}}},{"node":{"title":"How to create Angular Reactive Forms with a Rich Text Editor","slug":"angular-rich-text-editor","featured":false,"lastUpdated":"Oct 10th, 2024","description":{"description":"<p>Step-by-step guide to adding TinyMCE to Angular Reactive Forms with detailed setup instructions.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide to adding TinyMCE to Angular Reactive Forms with detailed setup instructions."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Angular log being investigated with a magnifying glass","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAxlBMVEV1rv90r/91r/92r/93r/92rv90sP9xsf93rP11sf9zrv94sP90rv+Bs/2hvO6WufKUufm3oM/VkavIf6d6pfSPuv3D0e6Ktvpxrf+ZvvyjwvmOuf2hu/PVgZX3saTjio54oPKPuvvKytSIsvSxyviOuf5srviEt/Sese2vjcKll87A0vPI1vHK1e3F0u+Itfp4r/+90PWTu/xyr/xzsP1ysP9vsP92s/+hwPalwPCmwPGivu9/sPpzrf+Cs/6Asv5vrf9urP/n0hB8AAAAYklEQVQIHY3BzQmEMBRG0fuZgD88G7AAS5id/W+0AktwaRA3JsqMkNkInsNr4iZQ5McBzslfUhnro4kJBJiyRQd4MFO27oDAYqds3sADvf4UgIfQSlOgqD4ijYHb0PBlxrMTFiQToDzv19sAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_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":"Angular Reactive Forms with Rich Text Editor Integration | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide to adding TinyMCE to Angular Reactive Forms with detailed setup instructions."}}},{"node":{"title":"Text or Treat: Customize TinyMCE skin for Halloween with free spooky theme!","slug":"text-or-treat-tinymces-seasonally-spooky-skin","featured":true,"lastUpdated":"Oct 1st, 2024","description":{"description":"<p>Celebrate Halloween with a free custom TinyMCE Theme that will create more thrills for the Spooky Autumn Holiday, right inside your rich text editor.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Celebrate Halloween with a free custom TinyMCE Theme that will create more thrills for the Spooky Autumn Holiday, right inside your rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE with a Halloween skin","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABVlBMVEV+mPx+mP19mP18mP6Alvp/lvp/lvt+lvt+lvqAmfp/nf2Bn/2Bnv1/m/x+mf1/mfyAmfx9mv+flOPkmZHjnJfim5bkmpTilpHjl5CjnuF/p/yEqPyIp/uCofx+mv1/mPyBmfyDm/yAm/+eluH96Nz949XjyLH/8ur/+PL/7eK4st19rvqfv/fa4fC/y/d+n/1/mv2Em/yHnPyEnP6Wleb55+LpnnPQaAD118vx9vfx8O7V1N610PTX5fjq6ODk4+6LqPp/nP2CmvyFm/yHnfyBmfqNj+b24dv5z7jsoHD738/w7Oft5d3a0tW2yO/h6vz///vy8PeSrvp/nv2BmvyFnPx/mPp8ju+4nc3EqdDCo8zBps/Bpc3Fp82nn+N/o/yhufqxwfapvPeKqPuAnf1+mfyBmv12lf1yk/1yk/5xkv1zk/55mP5+nf1+oP2Aof2Am/x/mvwEuvicAAAAbUlEQVQIHV3BwQnCQBRAwfdCju4mVhBQS7IC2wp4FmxBsAUb8JIKFAv4bgwK7oyAfAUfgiizCAiKliIaf14B0vlvAgdrN1rXVqDdWAP3952Vsblsoz93Rc75mlI6rUYcePQTMgvygeMTKWQRLN7Q9RachXxPUAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_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":"Text or treat: Free Spooky TinyMCE Theme for Halloween! | TinyMCE"},"metaDescription":{"metaDescription":"Celebrate Halloween with a free custom TinyMCE Theme that will create more thrills for the Spooky Autumn Holiday, right inside your rich text editor."}}},{"node":{"title":"Build LMS Editor with React, OpenAI, and TinyMCE","slug":"build-lms-editor-with-react-openai-integration-and-tinymce","featured":true,"lastUpdated":"Sep 26th, 2024","description":{"description":"<p>Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Build your LMS editor in React and TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAyVBMVEWS//+Q//+R//+T//+U//+f+fuR/v6L//+M//+P//2R/v2R/P2S/v+Z/P3F6PTR8vXJ8+/K9vSV6Mt75cB468x86c6G8+Sc/f2V//+W/PuJ+fnO8/T69vL19e/99Pbz8+/l9euX8uGC7tWC8+XC6umj+fmT+fuM+fzC+fnp+fjl+Pfp+fvs+/zn/f668/XD7fG19vmb/v6Z//+l5fjF6/PM8fCk+PiT/v+i7+Kt5syt7tyY//+V+/6c/P2e/f2U/v6V/vyU+/WV+/e5EEAFAAAAXElEQVQIHY3BPQ4BQQAG0PfNbrGEkqu4f4vOKYhes5kxJH4aiff8LZ4S1VswyMstM4LBMh+XatRt8+XMqFvn45RmxGaV7lh3SfYzCq6Lh1YO0zQ1XXRFk0qh+uUOTN0S9M0OtTcAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Build LMS Editor with React, OpenAI, and TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features."}}},{"node":{"title":"How to Configure TinyMCE AI Assistant with Azure AI - Step-by-Step Guide","slug":"configure-tinymce-ai-assistant-with-azure-ai","featured":false,"lastUpdated":"Aug 16th, 2024","description":{"description":"<p>With TinyMCE AI Assistant plugin integrated into Azure AI, TinyMCE is enhanced with AI-driven features like suggestions, translation, and grammar checks.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With TinyMCE AI Assistant plugin integrated into Azure AI, TinyMCE is enhanced with AI-driven features like suggestions, translation, and grammar checks."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Integrate Azure AI and TinyMCE's AI Assistant","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABO1BMVEWj99mj+Nmi99mi+Nmj99qk9tqj9dqi9dqf9dmo9dql9dmk+Nqk9dql9Nul89yi8tum8dzN9ejq+fO67tqm9dmm+Nuq+Nyn+Nuj9tqk9dum8tym8d2j79y77d7r+PP//f/7+frk5t+z8Nmo9dmp99uv+t6r+dyl+Nqn8N6n7t+p69/a6e/4+vn49PTx9PLH6dmu9Nvh9+6/+OGs3tiq3+Co+dun8t6p8OGp8eK25enJz/7m8PHw8vDL8uSf9dil9tm99uC19t2jw9Sex+Ov992m9d6p9OKs9Oas9emx8ObH4+bD7N+/8uCn99ym99qh99il99mv9dyt9d2o9uGs9+eu9+uu+Oys+Omm9eGk9+Ci+N2j+Nqp+OOs+Oet+Omr+Oep+OSo+eGl+N6k+Nun+OCp+OKo+OKn+N+l+N3YHXs8AAAAbElEQVQIHVXBwQ3CMBREwbfRPyQcfOaQQiiCNqkA0RElBMtSkBdDjCAzQnyZTgIMDKqYTWBCH2UimzcRo36WbEBH7d0fEEtK+pdlQrN2aOKk7nZW86SJpM5XhnrIGGLSpmBVMgZiVLOWC2C6F5aFIAQIGn8DAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.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 Configure TinyMCE AI Assistant with Azure AI | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to connect your TinyMCE AI Assistant with Azure AI in minutes. Follow our guide for a seamless integration process."}}},{"node":{"title":"How to upgrade to TinyMCE version 7","slug":"how-to-upgrade-to-tinymce-7","featured":true,"lastUpdated":"Aug 15th, 2024","description":{"description":"<p>With millions of developers worldwide relying on TinyMCE as their go-to rich text editor, offer this guide on&nbsp; how to upgrade from TinyMCE 6 to TinyMCE version 7, which builds on our previous releases with significant updates and improvements.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With millions of developers worldwide relying on TinyMCE as their go-to rich text editor, offer this guide on  how to upgrade from TinyMCE 6 to TinyMCE version 7, which builds on our previous releases with significant updates and improvements."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to upgrade TinyMCE from version 6 to version 7","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABXFBMVEUXIlAWIVAUIVAVIVAUIE8bJ1cXI1IXIVAXIE8vMFInK1EMHE4AD0sAFEwGGEwOHlIEGE4RHk8WIlAZMVUXI1AeJVAWIE8aJFFSVW08QF8qMVY/RGFIS2YfKFIRH08AEUtRVGy7u8GhoqufoKmio6ymp6+jpK1HS2YCFkwZI1AVIFAEFUwGFE1RU2s4PF0+Q2BDR2MzOVtESWcUJFMGGU0VIU8qLE8YIlAVJk8ADUiBiJKGlZsAAEgAC0oACkkgLVqRk6CQiJIFHFESH08SIVAmKU8iJ1ATJE8ABEistbmxxMMLKlIPGU0QHE4kNGCim6WNgI0OJlcRHk4wJFEiIlATIVAAEUxGTWdSZXUEIU8TI1ATNVUgNFpbWnU4PWMUI1IUH08RIFBCJlEtI1AlFEwCH04TNlYXOFcWMVQSIE8EGk4PHk8TH08YKlMYLVRJJlEhIFAYKVIZLFMOIVAJEdWMAAAAk0lEQVQIHU3BMQ7BYBzG4d/LP+2iLWYLi0hMBgdwBMdwILPJIcw2idhMJOyKiOEL7aci1PMIkIRAyrNA3oEBCvWRmSQHBvia3lDhTugQhWpLX+nV9fZGoaufaEXUMQ3ZxCo1B+uzVWI9E5UuyUiSBxvr38E8kJ3a+rnN6kahsexrsZODYKJ5nhpvDztuAx84mAp4AfCrJuZOHarJAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to upgrade TinyMCE 7"},"metaDescription":{"metaDescription":"TinyMCE version 7 is the latest version of the popular Rich Text Editor. Learn the easy steps needed to upgrade to TinyMCE version 7 from TinyMCE version 6."}}}]}},"pageContext":{"limit":12,"skip":12,"numPages":2,"currentPage":2,"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"]}