{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/3/","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 Resize an Image Using HTML","slug":"how-to-resize-image-html","featured":true,"lastUpdated":"May 20th, 2025","description":{"description":"<p>Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to resize an image using HTML","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAgH/8QAJhAAAQQBAwMEAwAAAAAAAAAAAQIDBBEFAAYhBxIxCBMUQVFigf/EABgBAAMBAQAAAAAAAAAAAAAAAAECAwUH/8QAIREAAgIBAwUBAAAAAAAAAAAAAQIAEQMhIjESE1Jh0YH/2gAMAwEAAhEDEQA/AIn6ObD2/wBUMmqBPdaxKo0QOOynnjTq+6qqxXGuq5Gy4iTdgnTTj7MkstClqvfPyaRkPTdsrG/GM3PxcdFeUpLmQkOqS0yAkkKsKPmhVj70uPOS2+69AXFJJG2TlutrGwMy7FwMyVkIDNtiRJbQkrUFEEp7SbQeCCeefGtI9s0Uv95hA84VUt7HTPcjOrYWCk22qvxqYUOtMLgUkGxEvZSZKeccdkurUskqtRo/zUwioAqjQRetn3MdTDrAKUKoWoEk1+x08E//2Q==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?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 resize an image in HTML - 3 methods for image resizing | TinyMCE"},"metaDescription":{"metaDescription":"Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness."}}},{"node":{"title":"Dark Mode Text Editor: How to Enable TinyMCE Dark Mode","slug":"dark-mode-tinymce-rich-text-editor","featured":true,"lastUpdated":"May 15th, 2025","description":{"description":"<p>Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Dark mode in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABqlBMVEUIElMABE4ABU4AB08ACE8KE1QJElMGEVMAEVQAEVYADlMABk8ABE8AA04ABk4EDVEABFAdIVldPVMxJ1oEFlEbH04FDUgXHEwXG0wVGkwkKFMjJ1ImKlMgI0gIDEAAAD8AAEIABEsABk0jI1ltPlI5KVwAFVAPFkkGD0kWHE0SGUsVG00UGkwZHk4ZHk0bIEwnNIMxPpMvPZMjNJEADlwAAkkABU8GH1wEGVkACEsZIllTXYlXYY1WYYxWYItGT3wAEFQACVEAAE45T75gcttldNpPYtQCG3YAAEQNFlQLE1QBCksXIVhRXIdVX4tVX4pRW4c7RHIADVMAD00nJlkvKmAAGGEADFsJEVIPFlUDDEsfKFxfaZVjbppjbplkb5pKU4AADlQAFVNLL1BfM04IIFkLE1EAB04CClEBCUoRG1NASXRDTHdCS3ZDTHgzPGoAC1AADlEAEE0VHE8gIVcDFFYKE1IBCU8EDE0ACEoAAEcAAEYAAUkEDEwFDkwIEU0CDksADE4KElIJE1QEDlEACFAJElIGDlEHD1ENFVIFD1ELFFQCC1AFDlBOpQ5/AAAAf0lEQVQI12NkYGBkZGSAA0Ywnx2If3L8ZAcLMH5h5GFg/M4owAgG/5kYEYCFQYgRA7CoXdLHFDzLCFe60wNMrVJgYWTghwlCWWkMQEMZUtB094IEGUpAyqD2d5U3/WdsZmwACv/nYPjB2FgfogcSr2FkbauEe+d/5x8GBtZ/PwADhRl8OzRSHgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Dark Mode Text Editor: How to Enable TinyMCE Dark Mode | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience."}}},{"node":{"title":"How to Resize an Image Using CSS: Best Three Methods","slug":"how-to-resize-image-css","featured":false,"lastUpdated":"Apr 22nd, 2025","description":{"description":"<p>Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Resizing Images in CSS | TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAggDBAf/xAAnEAABAwIEBgMBAAAAAAAAAAABAgMEBREABhIhBxMUFTFhCCRxof/EABcBAQEBAQAAAAAAAAAAAAAAAAIBBQf/xAAhEQEAAgICAgIDAAAAAAAAAAABAhEAAyExIoESUWHB0f/aAAwDAQACEQMRAD8ASPhDkWicTamuDMSITkeMHHHy4TzFareLi22Oq7JbNSt2PXHWZNxoor33/M0mpfHDJlKZjuTK9Dhx3lKSuSuQfrgJJBUAo73AAvtvg696y87r8BeFWuMXbN0WJSat0tLVUFRkNi/cmUNO6rm9gkkafBB940b0zCWpU9frERSzYU+8pPuuRn18lxbN7X5aim+3rBCznAOD3OYkEdW+QfILhI/pxfjH6yvPeSyZTtQLb8lxT7yk2Ljh1E2JA3/MCMYw8YlGSSra5//Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?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 Resize an Image Using CSS - Best 3 Methods | TinyMCE"},"metaDescription":{"metaDescription":"Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness."}}},{"node":{"title":"Create a Full-Stack React Email Editor Using TinyMCE and Nylas email API: Part 1","slug":"create-full-stack-react-email-editor-part-1","featured":true,"lastUpdated":"Apr 16th, 2025","description":{"description":"<p>Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Nylas Email API and TinyMCE in a React email app","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABSlBMVEX/5s//58//59D95c3/5s7+5s//5tD95dHy3dT85NH95c/7483+5Mzr5N3V5u735tX/6dT+6db+5dHs2dajqubn1df14ND04ND65NLk5uXK6Pfv3NTz29n09PP96dj+5tD95NH749P54tT139bi0Nnw3Nb05Nn36eH88ej88+359vL67uzvt8futcH84c/+6NH44dX34Nf44dfs3t3m4efu4t/46uD67+b78+z++PP//Pn74tr3ysH/6NP/6NL85NL44db129Dw2tPLzefP1u+psu316OH88eb/9u7b19TMy8n66dj76Nf+59P649P549X55dipr+uJnPKytOj26tr77N+1sbCioKD138v649L95NL95dT+6dj/7Nvz49v25dv/7Nf/6tTx48//6NHy3Mjw2sb65dL45NH/59L/6dX/69f/69X/6dP/6NDmKI2gAAAAhElEQVQIHV3BPxLBQBiH4feX3VlrZIZaEdfw7zRa51E7hRsoNdp0JgWjoqHIjM9GCuF5RCKQmTBaGS0Zzns8DQFBX3czECFHHecaNNGfI/jLeKgfgJ9WI3XtAHedxbKIMZZFr3G4Ab6fa65koY8TiQIr6THQc8uajatJBNkS9rxAgJG8AfhJG7sZKnYRAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.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":"Create a React Email Editor with TinyMCE & Nylas API: Part 1 | TinyMCE"},"metaDescription":{"metaDescription":"Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay."}}},{"node":{"title":"How to Build an Email Newsletter Editor with Angular Using Windsurf AI","slug":"how-to-build-an-email-newsletter-editor-with-angular-using-windsurf-ai","featured":true,"lastUpdated":"Apr 7th, 2025","description":{"description":"<p>Learn to create a powerful email newsletter editor with Angular &amp; Windsurf AI. Build, format, and enhance newsletters with AI-powered features.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn to create a powerful email newsletter editor with Angular & Windsurf AI. Build, format, and enhance newsletters with AI-powered features."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Building an Email Newsletter Editor with Angular in Windsurf AI","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA9lBMVEWA7/aA8Pd/8Pd/7/eA7/eF6/F/7vV+7vV+8PZ+7/Z/7/aC7fSD6/KJ4eV77vV+8PjN7/Wt7/Z88PeB8PeJ8PaS7vR97vaR6+qE5dtq5eFs6uuw7vOd7/WC8Pd97/e08vXR9PXi+Pn2+PXg8evA6t+C6Op+7vSF7vSK8PaX7/XA8vX19fX++/v//f74+fqT7PJ65vKA7fV+8PeK6O/ox9Dxvsn89/f//v3j9PV67PR76POB7vaC7POpztqf2+S17vLY8/a37fGy7fG07vJ/8PZ77/V48Pdy7PJ27PN57POs6/Co7/R98PeA8PZ56u997vV/7vaC6/LcNJa5AAAAeklEQVQIHUXBMQ7CMBBFwfedFRAqRFpScxDOjKjokHIOBG0KKNxAbNZRLGbETCgjNFEYhaVkn5VcxAlnqZV77aT3FxDQoerZxxEEqJdSo1mMIxiwfxxVRZzhDltVFIHi3i4GCuHESYtzBgIuN9fNbe2GS+bPpE4KwSh+ERYclobaysgAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.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 Build an Email Newsletter Editor with Angular & Windsurf AI | TinyMCE"},"metaDescription":{"metaDescription":"Learn to create a powerful email newsletter editor with Angular & Windsurf AI. Build, format, and enhance newsletters with AI-powered features."}}},{"node":{"title":"Textarea Placeholder: Usage, Examples, and Best Practices","slug":"textarea-placeholder-usage-examples-and-best-practices","featured":false,"lastUpdated":"Feb 14th, 2025","description":{"description":"<p>Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Placeholder Text Best Practices | TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABDlBMVEWbyP+ayP+Yx/+Xxv+Vxv+Uxv+Uxf+Wxv+ZyP+pz/6z0/671/7E3P3O4f3Q4v2hy/+byf+cyf+ky/3n6/bz8vj39fz39Pz38/zy8Putz/2hwPydyf+ozPzk5fXs6Pfv7Pvw7fvz8P308v271v+yvPmnzv+izf+dyv+kzf2ozPrf4/br5/bu6/vBv9WtrMOQpMR7r8yBudCUv+mayf+qxvewyvekzP7a4fXr5/Pu6vnw7Pu6uM2nprmUn7p2qMF5tMafv9+qzfqmxvmryfmizP/W4Pjz8Pvu7/vs7vvp7fzl7P3D3P+izf2mzv+sz/yhx/eqy/uxz/uoy/yiyfyex/2ax/+ey/+eyv+Zx/+Xx/+MkUHeAAAAZElEQVQI12NkgABGEPEfmcPACAU/IIIsEIodIsjA8QEmKPhBEKqSm5GB8T1UpQAXTD9QGCooBtEKEf0C0W7MiAz4b/8Hq+RDEf0PcZIxw9kAMH+3G+NKJHeGM65kY/gJdz02AACv4hCt2gn+0QAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Textarea Placeholder: Usage, Examples, and Best Practices | TinyMCE"},"metaDescription":{"metaDescription":"Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips."}}},{"node":{"title":"Set Up a TinyMCE API Key in Two Minutes","slug":"set-up-tinymce-api-key-in-two-minutes","featured":false,"lastUpdated":"Feb 7th, 2025","description":{"description":"<p>Set up a TinyMCE API key and start using the world&rsquo;s leading rich text editor today. Follow our easy installation steps now!</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Set up a TinyMCE API key and start using the world’s leading rich text editor today. Follow our easy installation steps now!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A large key floats in front of a cloud with TinyMCE's logo, representing the key to accessing TinyMCE cloud","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEVU99pU+NpT+NpS+NtS+dtQ+NtT+NtS+NpO+NpM+NpG+NpJ89dH8NZz9ddY+NpU+Ntz9txl992X79zO4+CVvMZ+4chl9tmA6sR37cpQ+Nxz9t7R4r3C6MvI7+Xl2trh1txsuLZO8dRa8tRd9NZc99yE7MSt3aWO6cOl8N/j6+bCwslq28il8+BT99pQ+Nq09eZ59t9Y9dZs8M099tl29tya7dpZ7tSG89xY9tpV99pb99tV99tP+NtR+NtJ+dpQ+duIDeJdAAAAZ0lEQVQIHQXBQWrCABRAwXkxFk1OUuj9r1EKcS+uXHcb6O8MAAAIIGAgUFR/F+cgWK5V1e+ynkPo41ZVVe9hRe1VVT1hhdmqqhpY6eu1V1UFFub43Pdj2x73+8/3DEJdTyPMAFBQgH8n1BjBliTOYwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Set Up a TinyMCE API Key in Two Minutes | TinyMCE"},"metaDescription":{"metaDescription":"Set up a TinyMCE API key and start using the world’s leading rich text editor today. Follow our easy installation steps now!"}}},{"node":{"title":"How to Build a CMS with React and TinyMCE: A Complete Guide","slug":"build-a-cms-with-react-and-tinymce","featured":false,"lastUpdated":"Feb 3rd, 2025","description":{"description":"<p>Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a CMS with React and TinyMCE: A Complete Guide","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA4VBMVEXC1f7C1f/D1f/D1v/D1v7D1f7B0/3B1f+71PrB1f7E1v/G1//G2P7A1vy10fi11PzP2fjk3+3D1v2+2Pyh1fOg1e2h1u2s3fDH5/X19fju6vDK2fvh4fPJ2f3J2f/C1/y31/fn8fn2+vr68/L88e3///zm7PnH2P3W3/jK2v7G2P/F1//J2f7J1v3L2v719Pj+/Pr78/H77+v0+PjU6vbI3PnI1/nJ2v7H2P/I2v/I2f7u5uzk4u/O3vvT3/nQ4PfI5vbL3/jI2f/J2PzC1fe80/jf4PTK2PvE1vzE1v7G1/1Rc15YAAAAaklEQVQIHQXBQW1CQQBAwXnbJeRrqAEEIIAzkrHAvRJqgIQ0DfxlJoDAAgOoRmhCEGP0OtSfdibYqqr2/4XQtlVV1e++hK/vqqqqHyZOVVVVD4R5rqqq5/1N0HCpqtu+ANTx6DorEBBggQ+KAxOtfolwcQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.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 build a CMS with React and TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker."}}},{"node":{"title":"Bootstrap Inline Forms: Step-by-Step Instructions | TinyMCE","slug":"bootstrap-inline-form","featured":false,"lastUpdated":"Dec 12th, 2024","description":{"description":"<p>Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration with a Bootstrap inline form","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEXa1//a1v/Z1v/b2P/d2/7f3f7b1//Y1f/X1f/q6fn08vr19Pz29Pzy8fva2v7W2P7V0/7T0v7n5ffq5/bu6/rv7Prx7/rT0vvR1fzc2f/a2P/S0fbNzfPm5Pbr6Pbu6/nx7fzz8Pzj2Pi2h/fKuvvc2v/b1fzTyOzMzfbw8Pr///z///3u/fzF9PXa5vi+n/bOxPvZ2P3a1v7Uz/bR0Pvj4vrs7Pzs6/zl6frc6Prk5/za2P7Z1//X1P/X1P7Y1P8/uKSrAAAAXklEQVQIHQXB0Q0BQQBAwXl2Scj9X6IQifZ9qUUJYjEDAAACKL6AwFgz/D6nN0wwj5WqZTHBuUrV5YWJsVdVVS9M7FtVVQUTtqqqnveFYKzD8VYPvzHeAK4nAAAAAP4yPA+XBh8HHwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.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":"Bootstrap Inline Forms: Step-by-Step Instructions | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!"}}},{"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."}}}]},"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":24,"numPages":20,"currentPage":3,"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"]}