{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/4/","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 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":"How to Use AI Prompts for Content Creation in TinyMCE","slug":"ai-prompts-for-content-creation","featured":false,"lastUpdated":"Oct 10th, 2024","description":{"description":"<p>It&rsquo;s easy to use TinyMCE&rsquo;s AI Assistant with these prewritten AI Prompts for content creation, compatible with most projects.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It’s easy to use TinyMCE’s AI Assistant with these prewritten AI Prompts for content creation, compatible with most projects."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"an illustration of a user asking AI to check written work in a content editor","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABdFBMVEX669X769X77NX77Nb769b669b669f36NX46db56tb56tX569X37Nn37dz269X469X46df159i7sqnQxrv36t316dr06dfz6tbx7uH7+/r19e3w7Nzz69b57Nb569b259j05dnw6ubV1tfe3t/x8PDv7u7t7OLW4dbj4t36xt364+r3+fTy7uL37Nb46tfz5drx49ry7evw8PDu7ezs6+r18vDc6eOy497k7OP3osv2pcj69/T49fH26tT67NX36df059rw5dzu5d3t597v6d/w6t7s69/G6Od44Oxk4e7C5+X0qMnzocb49vH36dL16tnw6dzs6d/q6uDq6+Ds7N7w7d3h6tx85Owq5PZ/4+nU6dz04NXzxcvz6+Lz8On46dLz7Nrt7N7p7eDp7uDq7t/t7t7x7dv07dni59TM49Xs6dT67db67tf67dX56tP05tL56tTy7dvs797u7t3x7tv37Nj57Nf87NX87Nbz7dr17dn37NdBXrmdAAAAdUlEQVQIHV3B7Q3BUBiA0ee5uQ2RoNcARuhaFjCFxBJmsIFROoD4+id9Vf1pnSOg9IJBAAkEU9fxI2DqqOzh4P0CpMozx1ojb+9rJ1qwudVOXSKXjSPX4hly7VhRglz8A+TyXOpj5XHvga8Ad4u5nloxGAR8AMnfGgI9/eb6AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_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":"Prewritten AI Prompts for Content Creation with AI Assistant | TinyMCE"},"metaDescription":{"metaDescription":"It’s easy to use TinyMCE’s AI Assistant with these prewritten AI prompts for content creation compatible with most projects."}}},{"node":{"title":"Add Author Information to Revision History in TinyMCE - Complete Guide Part 3","slug":"how-to-add-author-information-in-tinymce-revision-history","featured":false,"lastUpdated":"Oct 3rd, 2024","description":{"description":"<p>Step-by-step guide to integrating author information in TinyMCE Revision History.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide to integrating author information in TinyMCE Revision History."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration showing authors in Revision history in document editing","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABR1BMVEXA1//B1//B1v/C1v/C1f7A1P2/1f7B1f7A1f/D1v/D1v7C1//D1f7E1P3G1fzM2fbC1PbT3vPU4PjC1P7D1f/E1f/F1PrE1f7KwuHMy+3G1f7D1P7H1/3z9fns7fDv8fL19fXN2fnD1P/F1f/E1P7VwtnR0fPL2Pnb4vL09Pb39/f29vbb4PXJ1PrG1P7G1f/G1P/H1f/G1v/I1Pva3/b6+vfw8PPy8vX09PXq6/Td4PfW2/jI0fTF0v3H1P/I1f/E0fbS2fbg4/j7+vjo6vbV2vfZ3ffR1/bGz/PDzvjH0//I1P/I0//J1P/F0vzBz/XM1fTk5/bk5vbV2vrS2ffH0PPDzvfIz/rOxu7J0//K0//G0f2/zfbCzvTN1fTL0/TCzfXG0PzL0f3K0v/L0v/J0v7J0v3K0f/EzvnGz/vM0v/N0v/M0f/uMny0AAAAZklEQVQIHQXBQUoDQRRAwVfNZ9AxjqAX8f6HchcwBGmrVFXa0q5kVaXAs6rRYa8AVOazAIBqrgo/X3B/g3zXXv4GAM1V2Qvcb8BctVfAB6h5rxLg0ctvr3NWCTw766zRUVXpqKr1DzxsDz/rspIBAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.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 Add Author Information in TinyMCE Revision History | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide to integrating author information in TinyMCE Revision History."}}},{"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 Align and Set Text Direction in HTML","slug":"how-to-align-text-in-html","featured":false,"lastUpdated":"Sep 20th, 2024","description":{"description":"<p dir=\"ltr\">TinyMCE makes setting alignment and direction in HTML straightforward. This <a href=\"https://www.tiny.cloud/\" target=\"_blank\" rel=\"noopener\">versatile WYSIWYG rich text editor</a> lets users adjust HTML text direction with a simple click.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{"dir":"ltr"},"children":[{"type":"text","value":"TinyMCE makes setting alignment and direction in HTML straightforward. This "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"versatile WYSIWYG rich text editor"}]},{"type":"text","value":" lets users adjust HTML text direction with a simple click."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two arrows pointing in different directions ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACLlBMVEUPGTYPGTgQGjoRGzsRHD0RHD4SHUASHkITH0MTIEUUIUcUIUgVIkoVI0sWJE0WJE8XJVAXJlIXJ1MYJ1URHD8SHkAYKFcRHT8TH0QVI0wVI00WJVAXJ1QZKVkSH0MSH0UTIEcTIUgUIUoUIksUI00SIk4RIk8TJFEWJlMZKloRHkIOHEIKGkMIGkQIG0YIHEgJHEkJHUsEHEwAF0wAAEgAAEoNIVMXJ1caKlwMG0INHEQXIkgQH0cPH0kQIEoRIUwQIU4AGUw0O12ur7dna34AD1ARJFcZKVoaK14SHkMACj9kZ3Wqq7GpqrGpq7Gqq7KoqrGtrrb8/P3o6OpTWHIAGlUZKlwbLF8GGUQZJUopMVI7QVw1PFo1PFs3Pl03Pl4yOl1LUGvDxMmFiJYAHFYOJFoZK10bLWEEGUUAD0SFh5HDxMhKT2cxOVo3P2A2PmA2PmI8RGYrNmAeLV0RJlwaLF8cLWMADERSVmqtrrWqq7Oqq7SqrLVmaoEAIFsaLGEcLmQUIUkUIkoMHkoAAkVnanuur7Y0PF0AG1ASJFQUJlYUJlgVJ1kXKVscLV4WKV4XKmAbLWIdL2YUIk0JHk0AAEYAAEkAGVAIIFMOI1UPJFcQJVkRJloSJ1wUKF4YK2AdMGcWJE4VJFETJFISJFMVJlUYKFkZK14bLWMcL2YeMWkXJVEYJ1YZKlsaK1wcLmMeMmsXJlMYKFYZKFcdMGgfMmwZKFgbLGAfMm0fM27U278lAAAA0klEQVQY02NkYMQBBBg/IXOZmYCEMOMnQRCHl5eRh5GbkZmdkZlR+N8ncYSy18zsPIwswv9EUcx6xsMPFPukgmrBRwGWf5+cIBwGuDv4GdkF2S1R3QJUKfhRXADM/sQPV8nyEaT89n/161pAAyAmcDFylaN75b0QS3k3bxWy0Kf3QnxM3bwdNXxAMJ937W7uGyc532vycTELd+TNyT7kk/fdx+TYA0aPq0LMXGwsQDE27mmM7BMYZ/ELeFwUUvrGxsrIP4ctexpLOlAsfwNEjIMRAGHENdauL3HrAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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 Align Text in HTML - HTML RTL | TinyMCE"},"metaDescription":{"metaDescription":"Comprehensive guide on aligning text and setting text direction in HTML. Learn various methods and best practices."}}},{"node":{"title":"Implement Lazy Loading for Revision History in TinyMCE  - Complete Guide Part 2","slug":"how-to-implement-lazy-loading-in-tinymce-revision-history","featured":true,"lastUpdated":"Sep 18th, 2024","description":{"description":"<p>Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Revision History in TinyMCE with lazy loading for efficient webpage loads","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEX84dL94dL94tL94dH739D94ND539P749b14Nf84NL43tTp4Ofs2Nj318v26unv5+z63tD94tP+49P45tzu2tP73c/84tn7/v/s7PTx0cn76OL37u/7287939D129D23tX74tf82sz73NP8/f/19Pj13dTv4eLz29X72sz93s/33dDNusfWxtP15Nz539b70sb53tj36+n65Nr4+v3y4d342MX73c743c712sr01sj72839283818n61Mb62cr55t/33NH83Mv94NH939H83Mz728uOiwjCAAAAXUlEQVQIHQXBsRFBURRAwT3PG6nRgFCgC5VrRs4vwFy7AQgYBIRMxrBAstbJ3iDIuaqqYwhXVVVV77HJ51ZVVWHDo6qqCps53KuqKoS6+D4bq9/LEARjXRwzAAAAfw6tFJY1df7tAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.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 Implement Lazy Loading in TinyMCE Revision History | TinyMCE"},"metaDescription":{"metaDescription":"Enhance TinyMCE's revision history with lazy loading. Learn how to reduce load times and improve scalability in your editor setup."}}},{"node":{"title":"How to Set Up and Use Revision History in TinyMCE – Complete Guide Part 1","slug":"how-to-set-up-and-use-revision-history-in-tinymce","featured":false,"lastUpdated":"Sep 5th, 2024","description":{"description":"<p>Learn how to configure and use Revision History and Managing Authors in TinyMCE. Step-by-step guide.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to configure and use Revision History and Managing Authors in TinyMCE. Step-by-step guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration of two versions of the same document and a comment on a version of the document","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABEVBMVEX88Y/98o/98Y/88ZD98o778JH78I/78JL88Y398Yz98oz88ZH675T47Jjx6rH27Zz57pX67pX68a3p69D475r98ov98pL47Zf37Jnw567W49/w4bPz16n16Zb67Yzz8b7r9f319ef37rj57Jb67ZL88Y7675P47Zj16p306aDz6abx6bHyysOq2dWw67bz7Y/q8b/+///+/P/18vT18uD58K/88Yz575X37Jr06p7166D36ZroysQl8tyd98X774798Zn899r9/Pz49fb07cP69L327Jr57pr57JXg0qWS8MXf86f/8Y798Yr88Yn787H38tj365b98or98Y798ZH574758I//8oz98Y398Yn+8o4qjriuAAAAfUlEQVQIHV3Buw4BQQBA0XtndrLFileh0Pkg0ftHf6JWSUStQKGRNcOK2HCOgLyZ+YgELBAzVFjoaIkEhTbp/UEBpGmTndtAPU9PBUx14499oVr4B6gmehnbu1qI1zRzWPdGO7BOzI9LdbNKbjnkDMQXdG0IhEo6gnTMfD0B7jwdHTX5+rEAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.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 Set Up and Use Revision History in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to configure and use Revision History and Managing Authors in TinyMCE. Step-by-step guide."}}},{"node":{"title":"How to set up TinyMCE from the cloud","slug":"cloud-based-tinymce-editor","featured":false,"lastUpdated":"Aug 8th, 2024","description":{"description":"<p>Learn how to quickly set up TinyMCE Cloud and integrate it into your projects with our easy-to-follow guide.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to quickly set up TinyMCE Cloud and integrate it into your projects with our easy-to-follow guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE cloud based represented by the CLOUD text","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABZVBMVEUIGDcGFzcEFzYCFzYAFjYAFzcFFzcAFDUAEjQADjMACTEABDAAAzEABjMACDMAETUAFzYGGDcHFzcuID09Iz9IIjxOKUBfNkZhPk6CQUd7PEOFQUdYLz8AEjUDFzdWLklwPFV7Y3aBfI+ZhJOfipnJkJbKg4ftdWikUVAABTMFFzZWLkhqa4JxiJ15i5+RjZ+Zj5+8mKS2laHehIOkT04AATIKGTgLGzkHGTgAEzRWL0lpc4pxip94i5+QjqCYj6C8mKOyl6TUjpKjUE8AADIIGzlULUhsQ1x5Z3qCcoSZeYendoHRgoPLfn/fd3GiT08AAzMAGTdPLklnNlF9PU+HQVGbS1KsUlPRZV3QZVzRZ2CbTk8ACTQKGzkDGjgpIT00JEBAJ0BFKEBVLkFbMEF0O0RvOUN4PUZSLD4AEzYEFzcJGzkAGTgAGDcAFTcAEDUADDQAEjYHGDcHGjkGGjkEGjgBFzdEL4veAAAAf0lEQVQI12NkAAFGRhACM36BSBCT7R8zIxy8Z2BgAYoJIYvBBL8wSiDEnjNABFXu8SAEGcCCZoyMhki6v4AEzRkYeA84IgR5PkC0M/ggqfwKchJQpRojMpjGwMAElLjFy8vDs5ibm5uLk3MOB1QlA4PJLT1GxgncDAxp3f+BXAA0hRTRoVIk+gAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"TinyMCE Cloud Installation Guide: Step-by-Step Instructions | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step instructions to get started with TinyMCE Cloud, ensuring a seamless setup process."}}},{"node":{"title":"How to add Markdown Plugin to your TinyMCE Editor","slug":"how-to-set-up-markdown-plugin","featured":false,"lastUpdated":"Jul 25th, 2024","description":{"description":"<p>Markdown offers a straightforward, text-based approach for developers and writers who need quick formatting options. The Markdown plugin for TinyMCE is especially useful, as it detects and converts pure Markdown to HTML, streamlining the content creation process by allowing users to paste Markdown directly into the editor and have it automatically formatted.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Markdown offers a straightforward, text-based approach for developers and writers who need quick formatting options. The Markdown plugin for TinyMCE is especially useful, as it detects and converts pure Markdown to HTML, streamlining the content creation process by allowing users to paste Markdown directly into the editor and have it automatically formatted."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to add the markdown plugin to TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA21BMVEXA1//B1//B1v/C1v/B1f/B1P/C1f/D1f/E1f/D1f7F1P3Fz/rDzfvH1PvY4PTa4fXY4PXH1/zF1f/J1fzp7Pf39Pvr5fjKzfbc4fTg5fTd4vPG1fbC0/nG1f/G1P/K1/7h6efq7uXv7PbFy/e/1vnR2/zS3urD1PTJ1P7H1P/D0/zH1Pzh5u3p7eTu7PLGzfe71vLN1/zm5+rK2eXG0v3I1P/I0//I0/7Y3vze4/3K0/7L1P/J1P/O1vvJ1PXI0v/J0//J0v/I0f/H0f/K0//K0v/L0v/M0v/M0f+313KKAAAAUElEQVQIHQXBsQHCMBAAMZ15Goc02X9OKI0UgIDQAgSACUCdFZghVVX99tfWA1VVVZgPzqqqKpgLVVVVYW6ozqoqmA3VOfAK5g0IABMCEPgDX/AHuauQ7wUAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.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 add Markdown Plugin to your TinyMCE Editor"},"metaDescription":{"metaDescription":"Markdown is commonly used for its simplicity, or writing blog posts that need to be quickly formatted and published. Learn how to set up the Markdown plugin in your TinyMCE Editor."}}},{"node":{"title":"How to configure block indentation","slug":"block-indentation","featured":false,"lastUpdated":"Jun 12th, 2024","description":{"description":"<p>Formatting content correctly is an essential, yet sometimes ignored part of creating an effective content building application. Block indentation is a useful out-of-the-box capability of TinyMCE. Read more to find out how to set up block indentation in your TinyMCE implementation.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Formatting content correctly is an essential, yet sometimes ignored part of creating an effective content building application. Block indentation is a useful out-of-the-box capability of TinyMCE. Read more to find out how to set up block indentation in your TinyMCE implementation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Read about how to configure block indentation with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAgVBMVEXZ1f/a1v/h3vbm5fDk4/Dj4vHb1/zX0v/Y1P/S1Pvb1/3a1/zT0PLa2PLY1fXX1Pbg4PXh3/jX1P3Z0v7V0f7k4vf///38/fv8/Pv6+vn29vrZ1fzY0v7b2/nt8/P///z8/Pr6+fzY0/rZ1v7n5vnz8vvy8fv08/zv7vvZ1f3Z1P3h/bGmAAAARElEQVQI12NgIBYwwqn/6IJMjGDAwPgdzGUBkxyMUIAsyAkT5PiB0C4D1vyf6Rf7PYTKJ8pgExk5GJFtZ+AAkz8YSAQA6hcJPoheWiMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to configure Block Indentation in your WYSIWYG | TinyMCE"},"metaDescription":{"metaDescription":"Block indentation is possible in TinyMCE with useful out-of-the-box capabilities. Read on to find out how to set up block indentation."}}},{"node":{"title":"How to customize TinyMCE toolbar options and settings","slug":"tinymce-toolbar","featured":false,"lastUpdated":"May 29th, 2024","description":{"description":"<p>The TinyMCE toolbar is designed to be flexible and suit just about any use case imaginable. Find out how to customize the TinyMCE toolbar options for your own needs.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The TinyMCE toolbar is designed to be flexible and suit just about any use case imaginable. Find out how to customize the TinyMCE toolbar options for your own needs."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"graphical representation of a rich text editor options being customized","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEX16b/26b/26b716b316L316b7z6MDy6tD7+O38+e77+e/7+fD59+z168fy6MXq5tvj7Pfl4vXv4OLw1tzx5/Dz6sv26rr26bzy58Ds48nk4tHl287q2L/Ywbvlzc7t1svm2dXg4NXv5cn26r/t28LRxNPK3M/M3snl3sXr6+j16+726vHv6vvp8fzw6tn16r/z5r/p3b/n373n37zv5MD59OP59uj59uf69ub69ef17M7367/26r716bz16Lz16LuIghAdAAAAXUlEQVQIHQXBMQ5BQQBAwXk/q5BoiZb738MJtKKm1YldMwAAAKgQQFCJtX2BAaOqav5AsNtXVfWeLcF2qqqq51oGXKqqquOLAYeqquqOAR9nqqzbXAS68rAAAADAH0B2EwprALmQAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"TinyMCE toolbar configuration: Customizing TinyMCE toolbar options and appearance"},"metaDescription":{"metaDescription":"The TinyMCE toolbar is designed to be flexible and suit just about any use case imaginable. Find out how to customize the TinyMCE toolbar options for your own needs."}}},{"node":{"title":"Understanding accessible documents and options from TinyMCE","slug":"accessible-documents","featured":false,"lastUpdated":"May 22nd, 2024","description":{"description":"<p>When you need to build accessible documents, choose a WYSIWYG editor that provides all the features out-of-the-box.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you need to build accessible documents, choose a WYSIWYG editor that provides all the features out-of-the-box."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Images, notes, and files float on a blue field with the word accessible in a bubble dialog box, signaling TinyMCE's accessibility features.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEUM4NML4NMK4NMH4NMD4NMA4NMA4dMJ4dMI4NMA4NIA39IX49Yz49gg4tY749cm49YD4tQa4dQO4NMU4dQA3tBv3tai5+N+4tnI3rbL1s+R2uOtyduL0twp3tkV4tQM4dMO4dQU4tU33dG/5ubS7fKS5eGr48Kd4dBU4t62qM3OdMRMzdAA49QK4dMP4dMZ4dUk4NJj19Zo1uU14N9G6N3A6+fM7OiQ39l2ssIz1c0A4tQc4dUA4NQC4dYA49Yz49aP5NyX5Nxc49cA4tMA4dQI4dMN4dME4NMG4NMF4NNUdYr9AAAAWUlEQVQI12NgwAIY4QwQ6z8QwgWZGEFiIPQTLsjxjxmoEgLeQwWFGJHBQwYGFqAgH4ogAxbBz1BBBp4bmnDBYzDnCLmxu7qzcnKysrmiuZPdgXH/z/8MOAEAhb0NaNTif3IAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Understanding accessible documents and accessible document design options | TinyMCE"},"metaDescription":{"metaDescription":"Discover everything you need to know about accessible documents, and how the TinyMCE WYSIWYG makes accessible documents easier to write"}}}]},"featuredPost":{"edges":[{"node":{"title":"Implement Lazy Loading for Revision History in TinyMCE  - Complete Guide Part 2","slug":"how-to-implement-lazy-loading-in-tinymce-revision-history","featured":true,"lastUpdated":"Sep 18th, 2024","description":{"description":"<p>Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Revision History in TinyMCE with lazy loading for efficient webpage loads","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEX84dL94dL94tL94dH739D94ND539P749b14Nf84NL43tTp4Ofs2Nj318v26unv5+z63tD94tP+49P45tzu2tP73c/84tn7/v/s7PTx0cn76OL37u/7287939D129D23tX74tf82sz73NP8/f/19Pj13dTv4eLz29X72sz93s/33dDNusfWxtP15Nz539b70sb53tj36+n65Nr4+v3y4d342MX73c743c712sr01sj72839283818n61Mb62cr55t/33NH83Mv94NH939H83Mz728uOiwjCAAAAXUlEQVQIHQXBsRFBURRAwT3PG6nRgFCgC5VrRs4vwFy7AQgYBIRMxrBAstbJ3iDIuaqqYwhXVVVV77HJ51ZVVWHDo6qqCps53KuqKoS6+D4bq9/LEARjXRwzAAAAfw6tFJY1df7tAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.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 Implement Lazy Loading in TinyMCE Revision History | TinyMCE"},"metaDescription":{"metaDescription":"Enhance TinyMCE's revision history with lazy loading. Learn how to reduce load times and improve scalability in your editor setup."}}}]}},"pageContext":{"limit":12,"skip":36,"numPages":20,"currentPage":4,"slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","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.","page":"category","featuredPostSlug":"how-to-implement-lazy-loading-in-tinymce-revision-history","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]}}},"staticQueryHashes":["2492987505","740350947"]}