{"componentChunkName":"component---src-templates-posts-tsx","path":"/posts/page/56/","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":"TinyMCE 5: Power meets beauty","slug":"tinymce-5-power-meets-beauty","featured":false,"lastUpdated":"Feb 4th, 2019","description":{"description":"<p>We are thrilled to announce that TinyMCE 5 is now available for deployment into production environments. TinyMCE 5 delivers significant improvements for developers who integrate and build upon the editor, for designers who need to seamlessly fit TinyMCE into their product or larger design system, and for end users producing the endless variety of creative content that is the heartbeat of their applications.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We are thrilled to announce that TinyMCE 5 is now available for deployment into production environments. TinyMCE 5 delivers significant improvements for developers who integrate and build upon the editor, for designers who need to seamlessly fit TinyMCE into their product or larger design system, and for end users producing the endless variety of creative content that is the heartbeat of their applications."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE 5","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAMAAAA/FZ0KAAAAV1BMVEUYdtIheNMed9MXdtIledMbd9MbdtIZdtIjedMfeNMkedMiedMadtImetMpe9QgeNMcd9Mbd9Ioe9QnetMqe9QsfNQ0f9Udd9MWddIletMufdQrfNQre9T99OK5AAAAbklEQVQI1wXBCwKCIBAFwLcLsl8FIyOr+5+zGQDEVGrdahNosw0eaMLNErR7dRPhQkeBdnUqpKa7DR16PmYC2Pl5XoM0uqrM/lqJ1WONa7hGRBJovdNxSx78EZD6HZvzmrJgHVgoyoOmtW/mT/AHTpgFR//ANWQAAAAASUVORK5CYII=","aspectRatio":2.9173789173789175,"src":"//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=185&h=63&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=370&h=127&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=739&h=253&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=1024&h=351&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=185&h=63&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=370&h=127&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=739&h=253&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6b0ZfDrG6VUFB47pzAtnmN/de0c0251c3816b5096048893b91030bc/tiny-developer-challenge-blog-hero_2x-1024x351.png?w=1024&h=351&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Benefits of gradual strong typing in JavaScript","slug":"benefits-of-gradual-strong-typing-in-javascript","featured":false,"lastUpdated":"Jan 24th, 2019","description":{"description":"<p>Engineer Andy Herron tells the story of the migration to vanilla ES5 at Tiny, and explores the future of TinyMCE with TypeScript. We also share Millie Macdonald's presentation at ForwardJS 2019.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Engineer Andy Herron tells the story of the migration to vanilla ES5 at Tiny, and explores the future of TinyMCE with TypeScript. We also share Millie Macdonald's presentation at ForwardJS 2019."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Developer coding on mac","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAANABQDAREAAhEBAxEB/8QAFgAAAwAAAAAAAAAAAAAAAAAABQYH/8QAJxAAAQQBBAECBwAAAAAAAAAAAQIDBBEFAAYHEiETMRQiMkFCYYH/xAAZAQACAwEAAAAAAAAAAAAAAAAEBQECAwb/xAAhEQACAgIBBAMAAAAAAAAAAAABAgADBBEhEjFBUYGRwf/aAAwDAQACEQMRAD8AXuNZ0XYe68TkDKE1t/vCkMMG1lKx2SqgRdKQB7/kdK8OxjYUI4MdZ1StWG9Sn5znU7ecMaNhZCJgaU70n9WKTfhRAs1760uayngjcHw8FchSzPoD7k03tuHa3MeVZzuS2w1Ifbjoihxbqz2CSVeCEURaz5Gq2WVo3S7AH5M0qw8ll3Rsqe3j9gHinHRpm4bksNyWwk206nsk/wA1FPB3CrORqGOVMCmVhn4kWS9AZWikhshfp+b+TtfUfoUNEXXMB0+IPTUpbY4izxvkVYzacXHugzfgiWEPOkBRQPpvx9ga0ltALE6nRYzkVgep/9k=","aspectRatio":1.510185185185185,"src":"//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=370&h=245&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=739&h=489&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=1109&h=734&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=1478&h=979&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=1631&h=1080&q=50&fit=scale 1631w","srcWebp":"//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=370&h=245&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=739&h=489&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=1109&h=734&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=1478&h=979&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/U4IZCLq00wIhd4eQe9yd6/d2895fc649d487c792bf2e6864a80277/pexels-photo-574071-1.jpeg?w=1631&h=1080&q=50&fm=webp&fit=scale 1631w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Andrew Herron","slug":"andrew-herron"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Tiny Drive Developer Guide","slug":"tiny-drive-developer-guide","featured":false,"lastUpdated":"Nov 14th, 2018","description":{"description":"<p>We added cloud file and image management to TinyMCE. In this simple to understand Developer Guide you'll learn how to configure the TinyMCE editor and secure your Drive instance using JWT.&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We added cloud file and image management to TinyMCE. In this simple to understand Developer Guide you'll learn how to configure the TinyMCE editor and secure your Drive instance using JWT. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Tiny Drive UI","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAABxVBMVEXEy9XW3ujs7Ozx8fHw8PHw8fHv7+/o6Onw7+/X4OrY4Ovc29nr7vH09PTx8fDw8PDx8PDv7/Du7+/x8fLy8/Ty9Pb29/n39/n4+Pnd3d719fb09fX09PX29vfy8/Py8vLx8vLo6ens7e3Y2Nn3+v3////6/P/5+//9/v78/Pz7+/z8/P37+/v3+fr3+vv5+/zx9fbc4+jd5Oji5ujz9fb7/P32+Pu70uzp7/b9/Pzj6/S/1O33+PrAxsa3vr29w8KrtreLoauyvL+lrq3Z29z2+Pnm6ez6+/z5+vzW4vLu8vfs8ffW4/L4+funqqiCiYaFhX6UlpKDioqIjo5ueHTP0dL5+vvt8PL4+fn5+vr9/fz39/fp6uvq6uv29/fy8/Pm5+nr7O36+vv19vf29PPs6Ob09PX09fbc3d/g4+bj5ef3+Pn9/f719ff+/v79/f3x7Onk2NDa2tnc3eCzsrSrrrPBxMf09PT09ffz9Pb5+frw8vP19/jSz83NyMTo6OjX2NrGyMaSmpqXm5jx8vLs7/Hr7u/6+/v4+frk5+ry9PXN0Mmor4/Lz8HW2danu5+Xr46ZqpHw8fHt7u75+fjs7u7t7/Dm3MzfAAAAJHRSTlNOjY2NjY2NjY2NjU6NjY2NjY2NjY2NjY2NTo2NjY2NjY2NjU4qusYEAAAAsElEQVQIHVXBsWrCUBSA4fOfnEFq7g0KlYi4SN+iTpWuvkBfywdxdXAq6OaigrhYEAq2FkPB4NCo0Sro9yHk5IS9SMBZGCN34NPUyGWqXGz3auq5V2JlhzIsGtwYo/YRRX9zP3MXGhYzpencSyt6HUV+6Nz2vRImKY9vXK1iSHoiX4bjygOJ5AzPv7Sv8vQdi0gauMmzderlQXf6+7Npr/sisqN6UCATg2VQY/mQFipHfHUtY5qxyh8AAAAASUVORK5CYII=","aspectRatio":1.6677524429967427,"src":"//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=185&h=111&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=370&h=222&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=739&h=443&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=1024&h=614&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=185&h=111&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=370&h=222&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=739&h=443&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=1024&h=614&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Robert Collings","slug":"robert-collings"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":{"metaDescription":"Finally, a rich text WYSIWYG editor gets image and file management in the cloud. Here's how to set up Tiny Drive for TinyMCE."}}},{"node":{"title":"Charting with TinyMCE and Highcharts","slug":"charting-with-tinymce-and-highcharts","featured":false,"lastUpdated":"Oct 10th, 2018","description":{"description":"<p>Highcharts makes it easy to add beautiful, interactive charts to TinyMCE. The Tiny team is proud to introduce Highcharts as one of our Technical Partner Program launch partners.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Highcharts makes it easy to add beautiful, interactive charts to TinyMCE. The Tiny team is proud to introduce Highcharts as one of our Technical Partner Program launch partners."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Tiny Partner Highcharts","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAGABQDAREAAhEBAxEB/8QAFgAAAwAAAAAAAAAAAAAAAAAABQcI/8QAIxAAAgEDAwUBAQAAAAAAAAAAAQIDBAURBgchABIiMWEIE//EABcBAQADAAAAAAAAAAAAAAAAAAcEBgj/xAAlEQACAAUDAwUAAAAAAAAAAAABAgADBBFBBSFRBhIxE2GBofH/2gAMAwEAAhEDEQA/ADWxP651xYdyp73qS61GobZeqgLXW928IskBWgUnEfbnGBgEe+eelzWdJozTCVIQKUGxyeb83/IHpHUdTS1oeeSyObEccW4t95i693ty6rQNkpVpQZq+7SslLKyALTr2gnPPkRzj6fnRQig3JxFq6p119FpV9IXeYe1TgbXufjx7wkYKh50/rMxllclndzksT7J6jPUsTtGf2mtMYu5uT5JyY//Z","aspectRatio":3.5555555555555554,"src":"//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=185&h=52&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=370&h=104&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=739&h=208&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=1024&h=288&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=185&h=52&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=370&h=104&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=739&h=208&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1dfahjeX2JWq6jfH9340oH/01042bca83f8eac5257135ccdfe53f50/tiny-partner-blog-header-highcharts-1024x288.jpg?w=1024&h=288&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Christer Vasseng","slug":"christer-vasseng"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Real-time co-editing in TinyMCE with Codox Wave","slug":"introducing-real-time-coediting-tinymce-codox","featured":false,"lastUpdated":"Oct 10th, 2018","description":{"description":"<p>Real-time co-editing is a crucial feature for collaboration. Yet until now, building a robust, user-friendly real-time co-editor has been notoriously challenging and costly &ndash; even for the tech giants that have so many resources at their disposal. Until now. Introducing Codox Wave for TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Real-time co-editing is a crucial feature for collaboration. Yet until now, building a robust, user-friendly real-time co-editor has been notoriously challenging and costly – even for the tech giants that have so many resources at their disposal. Until now. Introducing Codox Wave for TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Tiny Partner Codox","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAGABQDAREAAhEBAxEB/8QAFgAAAwAAAAAAAAAAAAAAAAAABQcI/8QAIxAAAgEDBAIDAQAAAAAAAAAAAQIDBAURAAYHMRIhCBMiYf/EABcBAQADAAAAAAAAAAAAAAAAAAcEBgj/xAAlEQACAAQGAQUAAAAAAAAAAAABAgADBBEFBiExQVESE2FxofH/2gAMAwEAAhEDEQA/ADXBPy53xYeSp73uS61G4bZeqgLXW92/EWSArQKTiPxzjAwCO/fvS5jOE0ZphKkIFKDQ8nu/d/yB6RmOppa0PPJZHNiOurdW++Yuvl7kup2BY6VaTynr7tKyU0rqAtOviCcgdkDr+96KEUG5Owi1Zox18FpE9IXmTD4qeBoTc/A2994SMFQ86fbMxllclndzksT2TqM9SxOkZ/aa0xi7m5O5PJj/2Q==","aspectRatio":3.5555555555555554,"src":"//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=185&h=52&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=370&h=104&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=739&h=208&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=1024&h=288&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=185&h=52&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=370&h=104&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=739&h=208&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3a3G5Sifv9oNxAxiWJ3T0V/f1333d895f17dd2996c6aba62d67cfdd/tiny-partner-blog-header-codox-1024x288.jpg?w=1024&h=288&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"David Sun","slug":"david-sun"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Gutenberg & TinyMCE FAQ","slug":"gutenberg-tinymce-faq","featured":false,"lastUpdated":"Sep 29th, 2018","description":{"description":"<p>The WordPress Gutenberg project is one of the biggest changes in WordPress in a decade and we thought we would address a few questions and misconceptions about how it relates to TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The WordPress Gutenberg project is one of the biggest changes in WordPress in a decade and we thought we would address a few questions and misconceptions about how it relates to TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Gutenberg","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/wAALCAAGABQBAREA/8QAFgAAAwAAAAAAAAAAAAAAAAAABQcI/8QAIxAAAQMDAwUBAAAAAAAAAAAAAQIDBAUREgAHIQYIEzFBof/aAAgBAQAAPwBZbF9wbUnbkpX03CdqNIZjQky3U3cfcvj5VLBBBJSSoAcggce9G6tvSqVVKrlBTEW22Q34wXEhaWwScck2y+m5/NTzuX3Uy5PULbEVuo0sw46YzyIchAbdcBUS4AtCiLhQ4v8ANf/Z","aspectRatio":3.0843373493975905,"src":"//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=185&h=60&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=370&h=120&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=739&h=240&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=1024&h=332&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=185&h=60&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=370&h=120&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=739&h=240&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1qJE9V23AbRa5Ia6Ti11XG/943d60b2bdaee849418b9804e194825e/banner-1544x500-1024x332.jpg?w=1024&h=332&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Andrew Roberts","slug":"andrew-roberts"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"An Angular 5 tutorial: step-by-step guide to your first Angular 5 app","slug":"angular-5-tutorial-step-step-guide-first-angular-5-app","featured":false,"lastUpdated":"Feb 21st, 2018","description":{"description":"<p>Get to know Angular 5 by building a simple notes application in this tutorial. Guest author Sergey Moiseev walks through the basics of using the Angular CLI, working with forms, and more.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Get to know Angular 5 by building a simple notes application in this tutorial. Guest author Sergey Moiseev walks through the basics of using the Angular CLI, working with forms, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Build a simple notes app with Angular 5","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAABVlBMVEUPJW4PJG4OJW4LJG4AJW4AJG4AJW8AI28AIW8GJG4PJG0PLHIOLHMBKnIbKnQxIm0AM3QAMXRfNm6BOmkmIGsPJW8PJ28PK3IPK3MOKHQAI3ZYPHq0Kk6cJlZlFWGsRmHWbnNnGGIAJnINJW4PJnAPKXEQMHUQKnQNKHkAD3RvdpvYlJnJAAC3ADlxKmeINWUxKHAAKXgPKHUPJm8PJXAPKHAPKXAMKHgAFXViWojnyczLM0GwADgAJ3EAJ3IAJ3AMKHYPJ3MNKHgAFnNfVYXw3uDfmZylADQAIW4MJG0QKXcQKHYQJ3MPJnEQL3UQLXQOKnoAJHhRGW7QdX3mr7CWCE8EJW4RKXcPJnIPJ3AOKXMAJ3dVIHC1ADaOJlo2HmoLJW4QKHUOJG4PLnQAKnIqLXVCJGsAIG4IJG4OJG0RJm4eLnEOJm8KJW4AJm8NJG4eLXBBSnwKquyNAAAAl0lEQVQI12NkAAHG/0yMjIwMQPyX5ec/BhawGCcjHHwE8YFYlBEF3AUKivIzoAp+esbCIPdRgJHxHzNCTPYZE8NHhg8M7xm4IeA4F5ckNwMzA7Phn4+afBxg8Mtgs+Ev3pvMDN/eM/B/FWcDg03Gn1W+CwgzQpzkzwUybl7yrH+MGYyMzGDH/7lszco65zzL63cMDNYsLAB9+CYdo6OwpAAAAABJRU5ErkJggg==","aspectRatio":1.9104477611940298,"src":"//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=1024&h=536&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2T9SRFBlKsWAuFrOFm2YQR/1a4843866b0cf3642e355e17a332e03a/toptal-blog-image-1518187252525-03f6db7b1c131066061024c236c7e3ff-1024x536.png?w=1024&h=536&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Sergey Moiseev","slug":"sergey-moiseev"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Creating Keyboard Shortcuts for TinyMCE","slug":"creating-keyboard-shortcuts-tinymce","featured":false,"lastUpdated":"Oct 14th, 2017","description":{"description":"<p>Keyboard shortcuts and text editors are nigh-inseparable in the world of content editing productivity. You&rsquo;ll be hard-pressed to find any WYSIWYG text editor without a solid set of keyboard shortcuts to improve your workflow while editing content.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Keyboard shortcuts and text editors are nigh-inseparable in the world of content editing productivity. You’ll be hard-pressed to find any WYSIWYG text editor without a solid set of keyboard shortcuts to improve your workflow while editing content."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Laptop keys in a pile","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAANABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwIG/8QAJRAAAgEDBAEEAwAAAAAAAAAAAQIDBAURAAYSITEHEyJBFFFh/8QAFwEAAwEAAAAAAAAAAAAAAAAAAQIDAP/EABwRAQEAAgIDAAAAAAAAAAAAAAEAEUECMRMhMv/aAAwDAQACEQMRAD8Ara3r3bNrXaohiraijjaOSOSb8dJHAbOXJPTKADxB8chpMLW8gR7u71E9Nd/xVtv2ZcmO4aVmanhrHZmcqpAWNy/M9jOPAz5ONYE7p8ng/MY3m7UFtrmgq4airqF6doamJApBKkHn2TkZz/RoySRvKeltcEMlvoIaSQSpEgHyRV7yOJ/Yzk/fk51t4m7h2+3Glhvq1dTbaeapcMjzwj2ZCCMthwMgn4956wejnpsapLlRsfb973UvWCGdVjWpdV9+JJnwD1ydhknH3oYj71f/2Q==","aspectRatio":1.501466275659824,"src":"//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=370&h=246&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=1024&h=682&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=370&h=246&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=1024&h=682&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"The Three Kinds of Design by John Maeda","slug":"three-kinds-design-john-maeda","featured":false,"lastUpdated":"Jul 20th, 2017","description":{"description":"<p><a href=\"https://en.wikipedia.org/wiki/John_Maeda\">John Maeda, design rockstar</a>&nbsp;and also the new Head of Computational Design and Inclusion at Automattic, gave the audience an inspiring and philosophical account of&nbsp;<a href=\"https://2017.europe.wordcamp.org/session/the-three-kinds-of-design/\">why design is the elixir of our times</a>. To get the benefit of the elixir, however, you need to first befriend the right kind of design. Of which there are three.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://en.wikipedia.org/wiki/John_Maeda"},"children":[{"type":"text","value":"John Maeda, design rockstar"}]},{"type":"text","value":" and also the new Head of Computational Design and Inclusion at Automattic, gave the audience an inspiring and philosophical account of "},{"type":"element","tagName":"a","properties":{"href":"https://2017.europe.wordcamp.org/session/the-three-kinds-of-design/"},"children":[{"type":"text","value":"why design is the elixir of our times"}]},{"type":"text","value":". To get the benefit of the elixir, however, you need to first befriend the right kind of design. Of which there are three."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Blueprint of chair design","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAANABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUGCf/EACAQAAIBBAIDAQAAAAAAAAAAAAECAwAEBQYRIRIxQVH/xAAXAQEBAQEAAAAAAAAAAAAAAAAEAgED/8QAGxEBAAMBAQEBAAAAAAAAAAAAAQACAxESFDH/2gAMAwEAAhEDEQA/ANFNL1zHaXrFnjbaSVo4U8YjdytNI33gsx5NP0srC50rSoEqoyl3bqWQxEj069g0YsjOySWzGv2k98zsvJI9+XFPpZ8wtqCwnX7s3tlBI6KJF7VvZFTpQ7Kzt0g8O/yT5+6xTWY4ibxEwk7PX0cVfyBka9/Zro98xNns7NHkXVVAAH7Sc8zzBaapaf/Z","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1620&h=1080&q=50&fit=scale 1620w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1620&h=1080&q=50&fm=webp&fit=scale 1620w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"How to integrate React with TinyMCE","slug":"how-to-integrate-react-with-tinymce","featured":false,"lastUpdated":"Mar 26th, 2017","description":{"description":"<p>In this tutorial, I'll walk you through how to integrate React.js with TinyMCE. Without further ado, let's get started!</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this tutorial, I'll walk you through how to integrate React.js with TinyMCE. Without further ado, let's get started!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"React and Tiny MCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":null,"metaDescription":{"metaDescription":"In this tutorial, I’ll walk you through how to integrate React.js with TinyMCE. Without further ado, let’s get started!"}}},{"node":{"title":"A quick guide to browser selection models","slug":"a-quick-guide-to-browser-selection-models","featured":false,"lastUpdated":"Feb 20th, 2017","description":{"description":"<p>One of the complexities of writing a web-based text editor is accounting for differences between browser selection APIs.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"One of the complexities of writing a web-based text editor is accounting for differences between browser selection APIs."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract image of browser tab and content.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAANABQDAREAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAABwUGCP/EACsQAAEDAwMCAwkAAAAAAAAAAAECAxEEBQYABxIhQQgUIhMVIzEzUVJhcf/EABgBAAMBAQAAAAAAAAAAAAAAAAMFBgIE/8QAKBEAAQIEAwgDAAAAAAAAAAAAAQIEAAMREgUhMRMVQVFhocHhBpLi/9oADAMBAAIRAxEAPwDaGHYCLw2uqerDSUDIKXCloEhXSPUT+/lGppu2E4XE0EXbp4G4sCaqPXxTzEyrZure+nk9KsL6oSKCTHafi66N38l9vcB3xIAzbn7/AJigXHH/ACtY6w4UuONKLalpTAUQYmO2lak2qKeUMkrC0hYFAc4XMl2mXedrshxdm9u0DtzRwTcGmfWwZSeSU8hJ6fcafhoNiqTdrxifaYyWmJSX+zCtma2nQ9Dl4gs2a8Jdz20z2mvtbuRc8mZbZda8jW0xCJUmOQJdVBH876yhimWsTAo5RT4383XjLIsy0ly6kGqRQ5cNIVqzaZNVVvPe9Cnmsqj2ExJn8tDUwuUVXdolEYqUJCbNOvqP/9k=","aspectRatio":1.5633587786259542,"src":"//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=185&h=118&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=370&h=237&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=739&h=473&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=1024&h=655&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=185&h=118&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=370&h=237&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=739&h=473&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6zfHmjbMtiVMcClusKRcHB/086ad9a0a8049df10d1fc4dd8d887df8/iStock-609056396_A-quick-guide-to-browser-selection-models-1024x655.jpg?w=1024&h=655&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Angular 2 and TinyMCE","slug":"angular-2-and-tinymce","featured":false,"lastUpdated":"Jan 17th, 2017","description":{"description":"<p>After a long period of development with a lot of twists and turns, Angular 2 was finally released as a non-beta version in September 2016. Our Engineering team member Mattias Wikstrom takes you through this simple guide to help you get started using TinyMCE with Angular 2.&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"After a long period of development with a lot of twists and turns, Angular 2 was finally released as a non-beta version in September 2016. Our Engineering team member Mattias Wikstrom takes you through this simple guide to help you get started using TinyMCE with Angular 2. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Angular Shield","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIGB//EACQQAAICAgIBAwUAAAAAAAAAAAECAwQFEQAhEgYHUSMxMlJh/8QAGQEBAAIDAAAAAAAAAAAAAAAABwMEAAII/8QAJREAAQMDBQACAwEAAAAAAAAAAQIEEQADBQYSITFBFCITUXGx/9oADAMBAAIRAxEAPwCJxFV7114IasV200EprQTHSPMF2gPYGuj9zr548andu2OHvuWKouJiD37B7ou0UwxuU1G0ZZcTYWSFckdCfOfDx7Vp7memcPhbcDYLLYr1BjIccal6xRCB62UikiV/x1pHEvkFIIHie+GekczlHmTtt7rk3UEEqmDyP8mlfXOn8Nj8RedJYfHvBafxgAj6L6n9kRyfZ6rPuOlc6UGR4fqRu0cidq6MVZT8gjmbQv6qEg+GtFKUgb0EgjkEGCP4RSpl7eSLCxL5LvzKoqoGb9iFA2f6e+VW+KY4wH4dlKNxJMDup7ucyeaUDkXCrm0ADcZgCm5aqOv/2Q==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=1024&h=576&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=1024&h=576&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null}}]}},"pageContext":{"limit":12,"skip":660,"numPages":57,"currentPage":56,"title":"All posts","slug":"posts","page":"posts","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]}}},"staticQueryHashes":["2492987505","740350947"]}