{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/20/","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":"Add menu items dynamically to menu buttons in TinyMCE","slug":"tinymce-add-menu-item-dynamically","featured":false,"lastUpdated":"May 6th, 2020","description":{"description":"<p>Find out how to configure menu buttons on the toolbar so that menu items can be changed dynamically after initialization.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to configure menu buttons on the toolbar so that menu items can be changed dynamically after initialization."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract illustration of a menu button with two menu items.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACtVBMVEUUsOsMrOsIq+sJrOsIrOsLrOsRr+sSsewfw/AXue0TsOsUq+oOqeoMqusLqesJqOsKqOsKqesMqesRqusNq+sfwu8at+0RqOoTquoMoukQqusdve8XsuwJoekLoukLo+kKo+kMo+kSpekPo+kPqOoUrusgv+8euO0XresUp+oInOkRp+sev/AZqeEMktwMlt8Nl+AMl+AOmOATmeAQmOAMld8Tnt8drd8gsuMhv/Acs+0UouoJmOkQouscu+8XpeELk+IScbQUZ6cTaKgVaagWaagTZqcOh9EPmOYXoOYerOEbsO0TnekSm+kJlOkQn+sbuPAWoOAIieIObL8PZLUPZbYRZrYTaLYQZbYPgdUSkOYRjuQVk94TmuoTmOkRmOkKj+kPm+sZtO8crN8kxeYky+0kzO4kze8lze8mzu8kze4mzOwmy+slx+UZmtwSk+oRlOoMkukKi+kPl+sXr+8hv+cy+PcpwsknsrwntL4msrwfsOQOi+oMjuoLjuoLieoPlewWrO8gvOcx9fYovsglrbsmr70y9vcdrOQIheoLiuoTpO4Vqu8Vq/AetOIw6+4x8vUx8/cw7O4aod8IgesOkuwRne0Nje0UpvATqvEfu+cpxc4nt8MnucUbqOUHfuwNjO0Up/AKgO0Mie4Rn/Agtucy+PYou8IlqLMlqrUlqbQy+fccqeYIfO0Lgu0Mh+0KgO4Mge4OhO8Wk+UmyekmzO0nze0nzu4n0e4o1u8nzu0VkuUIfe8LgO4MgPAOgvAMf/AIe+8Hdu4KeO4Mee4Meu4Mfe8Oj/APo/IJhO8HeO4KfvAKf/AOgPEMfvEJffEKffIMfvIOf/IOgfIPmfMPpfQQp/QPpPQNkfMJfPIKffEKfPMJfPMMfvMOf/MNf/MNfvMMfPMKf/MOnvUPqvUNl/QJe/PqlORSAAAAg0lEQVQY022QMQ7CMBAEd/AhIDEJ0ISe/z8MiRYBQvgobCxHYavTaLbYQwKUAwDPHX2+JCkFXlsAGyqkxo4F0sITP/UPBD6+XsCksKxLKrLtW+gegLvFhkm+AqJF4Hqu5m0CrAcuRSX5oV1Err59A6rQyze8QzbOp4+PTrIBtcsVJH0BEDMbLF8mikQAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"TinyMCE: Add menu item dynamically to menu button"},"metaDescription":{"metaDescription":"Configure TinyMCE so you can add menu items dynamically to menu buttons after the editor has initialized."}}},{"node":{"title":"JavaScript localStorage example with a rich text editor","slug":"javascript-localstorage-example-rich-text-editor","featured":false,"lastUpdated":"Feb 19th, 2020","description":{"description":"<p>Adding a rich text editor to your applications for the first time? Start with a simple example using JavaScript localStorage.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Adding a rich text editor to your applications for the first time? Start with a simple example using JavaScript localStorage."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract illustration of JavaScript logo, database, and rich text editor window.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACf1BMVEUVsesUsOsMresJrOsIrOsSsOsOrusTsOsUq+oNqeoJqOoKqOoKp+oMqesRqusOqesIqOsJqOsOqeoTq+oNpOoKo+oLouoLn+kLpeoKp+sLoOoLoeoLo+oMo+oQoukOneQLnOMJnOQMoOgTpeoLnukLnOkHxvIB8PwA9f4I2fYMpOsKnOoLnekNnuoRneghsNww3eoz5u4x4OwjudwSnOYToeoLmukMlukIt+8B7/QIub4IrbQQ2tsWzesLk+cMoOoRoesNk+UhpMYsztcs090qz9khrcMSk+ATnesTnekMlekMkOkFz/UC7OwQIFUVUW4dub4h3uYRjt8J0vUI0PQIj+Ymwtow5+wu4ekv5usnztsSkeATmesRmOoMkekMjekIvvII6+wVg44ZqrEe09MhydUUht0MsvAIsO8JieUeo8Qlwc4kwtAkwc4eqsASjN8RlOsMkuoLjuoLjeoKkusRzu4e5OQf5uQf0NMYi8UNi+kKjOoNieYjwtwt7u8s7O4s7e4izdwOiuILj+sKj+oAi+oAiuoAiOoAiOkEmd4LmdEIgdEAhecAiuwAiusAjOsBjOsCiuIImNsLoNsHmtoAid8Ai+sAg+sAgesAf+sAfusAfewAfuwAf+0Af+wAfOsAfesAgOsAhOxIke2zx/K4yvK3yvK4y/K2yfG3y/K90Pa9z/a/0Pe1yfI0heJyn+/29vf+/Pj8+/f8+/j8+vf7+vf49/T6+fb5+PX///z///3////6+PVaf8BqmvDz9Pf9/fz5+fn29/f19fX39/j39/f09PX4+Pn4+Pj19fb7+/r09PNReb5rmvH7/P/39vVPdr5qmfJOdb5ql/NOdL4JJXgSAAAAeklEQVQYGWXBwQ7BUBBA0XunU22oSOje/3+cSOwQfUpr450jKiunxonQ3hmFWWn8IgdX3Hu/IJu9/8iztRyt5WgtR3/wJ0/+uXV9Hl08S8Fose3MwVmBbSEEGTQHVxONQgnNg3rlqOj02viRBy/suLN4AKORVCKCSrwBvMkU+paRWQcAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"JavaScript localStorage example with a rich text editor"},"metaDescription":{"metaDescription":"Adding a rich text editor to your applications for the first time? Start with a simple example using JavaScript localStorage."}}},{"node":{"title":"How to write alt text for different image types {infographic}","slug":"how-to-write-alt-text-infographic","featured":false,"lastUpdated":"Feb 9th, 2020","description":{"description":"<p>How do you write image alt text for images? It depends on the image type and context. Check out this infographic to help you get your image description right.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"How do you write image alt text for images? It depends on the image type and context. Check out this infographic to help you get your image description right."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A person looks up at a white wall covered in different images, diagrams, and notes that have been drawn and printed out on paper.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5005861664712778,"src":"//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=1280&h=853&q=50&fit=scale 1280w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=1280&h=853&q=50&fm=webp&fit=scale 1280w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Infographic: How to write image alt text"},"metaDescription":{"metaDescription":"How do you write image alt text for images? It depends on the image type and context. Check out this infographic to help you get your image description right."}}},{"node":{"title":"Sorting HTML tables","slug":"sorting-html-tables","featured":false,"lastUpdated":"Dec 17th, 2019","description":{"description":"<p>When designing HTML tables in your content, you often need to manipulate the data to better present it for your audience. This can involve sorting which is typically difficult to do when working with HTML. In this article, we discuss solutions for sorting HTML tables.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When designing HTML tables in your content, you often need to manipulate the data to better present it for your audience. This can involve sorting which is typically difficult to do when working with HTML. In this article, we discuss solutions for sorting HTML tables."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract depiction of table sorting.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAAChUlEQVQYGQXB2YpcVRiG4fdba+2qXVXdnZ4U44FCEk2Mw4EGJe21eeKhd+MFCIqNCiJCSBBRUJzamOq5qmuP/+fz6PDzJagJBgMAAAAAAGY0NnWiD7qwxDwzyRR6+q4t16sCACCbCOcMALaq7O2XKqQII3mIdTdzKaXpyGcrV9U4rbGRUt+XzVW/t4sN2DrYWb3yXjU++UuLafnortvuzy8ur9qdMvaUtmfdKDWEjRiGsW3oLsAJZDVX7eWezZbalJ6du+v68/BMRT0ReVKnwztJWbZJNaoJA7JJCi+aRpQa4LSTY3Y4tKdtYcAd89vDrder+OMFOZeP39VsOhw/8WpDyeXoHe1sMY7Dt0/jYqUkJB6+vD7eFA0QNMu8Wopq30ZPl0qKbkapkfRsqXJO2JupS4UkefytWZ8uCqMUvl5vjz+udx4EhuW1phUpux8gWK4kMSmkRE50AwRi/62mMMCIzOyBFq8x/vqPqio/fqR6Onz1vdcbbB3cKkfvk7MvrobjH4hQSrxxW4vPzvLl83GyU283W/db+h6L2QTgpkUCSNK0AhzhdhCGGBsVRjkQNJe76ZeT2cNEH4wd23Mtilc3GDDzTEqOQKNtTKpLIcRIsrAn9/LkYB2//8t8Vh4dETF8+Q1dx6wuHzxmPmPTDF9/x80GJbDmn16W6xMtdgfXpT6t72w0diByJoJhJCUDJWMTwRBgUpAmJZGExk3jktv/tlK6mX1Y3PTIOtxD8um5wkTPpNL+PinRtj47R1GSGScHXp+ltkuN86td2gmf/c10mu/dJaXx+c+0LTbbh/nt+5TiF8s4+Qlb809WRkhZaESxLG+ukAhsA0gkYYggjE1KJJH0P3uvfFc9he2FAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"How to add TinyMCE 5 to a simple Vue project","slug":"how-to-add-tinymce-5-wysiwyg-html-editor-to-vue","featured":false,"lastUpdated":"Dec 3rd, 2019","description":{"description":"<p>With many developers choosing Vue for its low barrier to entry and easy integration with other libraries and existing projects, we want to make sure you have what you need to get started with our WYSIWYG HTML editor in Vue, and evaluate it for your next project or upgrade.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With many developers choosing Vue for its low barrier to entry and easy integration with other libraries and existing projects, we want to make sure you have what you need to get started with our WYSIWYG HTML editor in Vue, and evaluate it for your next project or upgrade."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Tiny logo and Vue logo combined with a plus symbol.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAACFlBMVEUPsOwLsOwKsOwTsewNsOwKr+wOsOwUsewUsuwVsuwYsu0MqewLqewJqewGqewAqewFqewOquwTq+wKqewUq+wVrOwUrOwPquwMo+sKo+sAo+sAousnpewDo+sRpesOo+sLo+sOpOsTpesUpusUpesPpOsMnusLnesEnesAnOtaq+2LvvFfre0Gn+sEnusJnesLnusOoOsNoOsRoOsOnusMnesMmesImOsAl+tUpe2YwfKmyfOZw/Jhqu4ImesAmusAmOoAluoAl+oAmOsFmOsMlOsLlOsAk+srl+x2r++cwvJ3r+8Ek+sAlOsomOutzPSQwPKGvPGxzvU4mewMkOwJkOwAjettp++Tu/JzrO+HtPFgou4xlexIm+0AmewAluy2zfXp9v3k9P3D1vcAjOsAj+wLkOwMjO0Ii+wAiexqpO+bvvOmw/R7q/CdvvOavfNtp/AAzfQAzPQ5lO3j7Pvr8/1Qme4Ah+wEi+wMiO0JiO0AiO1Hle9wpPF/q/JElO9wpfCcvfQ0j+4ApfAApPAAf+2RtPOdvPQAge0Ah+0Lhe8Oh+8Mh+8AhO8Ag+4AhO4Ah+4Uie9Fk/AMhe4Ig+4Ghe8Mhe8OhPAOhfALg/AIgvAIg/ALhfALhvAFhfAAhfAKgvABgvAAgvAHgvALgvAOgvILgPIKgPIMgfIPg/IOg/IKfvQJfvQMf/QOgfQNgPQLfvQJffSGtextAAAAdklEQVQYGQXBS07DQABAsedmlCygH9r7X7EIxKpROthSqem9gPBR4Bjm6b0wGeeCeQKKfVwCgOaJxi3AviL8Nq4E9hX4u81xBQC4e44HAIDvx7gDAPzcG18A78Wr2nw2zgDHsb02jmuNC6SdtmpUY0Vltc+qqn//DBuR8HRf7wAAAABJRU5ErkJggg==","aspectRatio":1.501466275659824,"src":"//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=370&h=246&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=1024&h=682&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=370&h=246&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=1024&h=682&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add Tiny's WYSIWYG HTML editor to a Vue project"},"metaDescription":{"metaDescription":"Adding the TinyMCE WYSIWYG HTML editor to your Vue project is easy. With more developers choosing Vue, we want to make sure you have what you need to get started."}}},{"node":{"title":"How to add TinyMCE 5 to a simple Angular project","slug":"how-to-add-tinymce-5-to-a-simple-angular-project","featured":false,"lastUpdated":"Nov 10th, 2019","description":{"description":"<p>Adding TinyMCE 5 to your Angular project is easy, and can be done using the official TinyMCE Angular integration component. Start here with a simple example.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Adding TinyMCE 5 to your Angular project is easy, and can be done using the official TinyMCE Angular integration component. Start here with a simple example."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Visual depiction of Tiny and Angular integration","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACf1BMVEUVsesUsOsMresJrOsIrOsSsOsOrusTsOsUq+oNqeoJqOoKqOoMqeoSquoPquoOqeoTq+oNpOoKo+oIo+oAo+oFo+oJo+oMpOoSpeoPpOoTpuoTpeoLn+kKn+kGn+kAnukVn+ozo+oAnekIn+kNn+kSoekPoOkToekLm+kLmukImukAmekVm+l9tu6MvO9MpesFm+kRnOkPm+kKmukMm+kSnOkTnOkTnekLlukKlukAlukNlumLuu+awfGkx/KWv/Fep+wAl+kNl+kJlukDlukFmOkPmekSmekRmOkKkuoHkukAkekAkOllpu2YvvGhw/KBsu8ll+oAkukGkekCkelXo+xLoesAlOkMlOkLkuoIj+oAjuosk+p5rO5coOxjo+2Cse8VkuoAjOkYj+oBjOoylOrM3Pfj7Pu92/ejy/QnlOoIjuoIi+oAiupOmOywyfSUuPGev/KLtfCWuvFqo+55qO4Ape0AxvI7nOzz9v3J2veiyvTB3/ktkesAieoIiOsAh+srjOyPtPGWufKXuvJVme2ZuvKux/RinO0AuPEA4PgTnu3T3vjJ2/inzPWjy/ULiesJhuwDhewVh+xUl+5Yme5Wl+4pie1bme6RtfIViOwBiewDle0Ag+t9qfDX4/q01Pdbnu8Ag+wEhewKhuwLg+0Jg+0EhO0AhO0Agu0Age0Ohu0ti+0Ahe0Nhu0Ohe0AgOwfhu0ahe0Af+0Kge4Mg+4OhO4Kgu4Ige4Ihe4DhO4Nhe4Phe4Lg+4AgO4Af+4DgO4Lge4MgfAOgvAMgPAKf/APg/ANgfAJf/AIf/AOgPELfvEJffEKfvENf/EMf/EKffEKffMJfPMMfvMOf/OLkagkAAAAkElEQVQYGQXBW04bARRAsWPmTkMAUULY/xKr8gNCmge2UFXlWBw98IizUucDW6vmqoitlZ+5yDwH7IPvuarmBbCtmKd9aN4A4FLPmBsAvl8X28rcADhu4PNt3gEAfPybOwCA//d5BwBwNx8gcCz42s/5C+2DkPXavKJjqXIszn2teYStalVVNRfxpzrPqqp+ATuJHyYO6yQ9AAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Simon Fjeldså","slug":"simon-fjeldsa"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add the TinyMCE 5 WYSIWYG HTML editor to an Angular project"},"metaDescription":{"metaDescription":"Adding the TinyMCE 5 WYSIWYG editor to your Angular project is easy, and can be done using the official TinyMCE Angular integration component. Start here with a simple example using Angular 8."}}},{"node":{"title":"How to add TinyMCE 5 to a simple React project","slug":"how-to-add-tinymce-5-to-a-simple-react-project","featured":false,"lastUpdated":"Oct 6th, 2019","description":{"description":"<p>Adding TinyMCE to your React project is easy, and can be done using the official TinyMCE React integration component. Start here with a simple example.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Adding TinyMCE to your React project is easy, and can be done using the official TinyMCE React integration component. Start here with a simple example."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE React project","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAADAFBMVEUPr+wfu/EkwPMkv/MeufAIu+4GyvEIwe8Ivu8Ksu0MxfAOyfELu+4Jt+0Mt+4PvfITue4Oz/IL2/QR1vMMr+0et/AnvvMmvfMZsu8DsO4Dr+0Fuu4Gx/EMue4Pvu8Mte4ExvEJwO8OtvAJxPYRte8Rve4OzfIKyPEJrOwKqOwbre8WsO8Ar+4AquoAte4Fsu4Pte4HyPECsu4At+4As+0ArO0AvO8Ptu4NtO4LpuwKq+0Iuu8Eq+0AsO4Atex4s+mixuw3pegAse4AqO0AqetUs+lSsOkhsellq+ctpOgAtu4ExfELoesHvfACxPEAvfAAp+p/s+qgwOx7reehwu0/n+cAquwAq+4fquqWuumYvOmwyu2RuOh2q+cApewCpu0KnusEse8AvvEAq+uFsuqgv+6Jte2hw/CDsu2hwO1qreghm+Zesum3ze+2zfDB1fS0y++evusXp+kAoewFnuwBqu8AmeqFrunH1fJUmuexy/PD1vaHsu6JsOrA0fBnneKVtumwyO6+0/XK2/e/0/STtOmQsuoAn+sAmu0FlO0AkupIlOeNr+qnwvCVuPCqxPKQte+sxu9JmugrluiOsurA0vK/0vW70PXI2PWnwO1youkAo/AAqPMJju0ElO0Ak+0AmOyCqeypwPCJreysw/BGoesAoO82l+mfueyjvO3H1vSSseqKresAgeoAoPIBovMJoPEMle8GrvIAtPMAn+5+q+ytwe8/n+sApfABpPEAnvEKjeuMreuOreuFp+uXsOxkp+wAtfIPlvEYk/ENkvEMnfIHtPQBu/QArvMAl+8Ai+0AmPEFnPIMmPEIjPAAj+4Hie0Al+4Ahe4Tj+0Alu8ApfMhpvUstfgOivELivAJlfMJqvQKovQGnvMEj/MIlvQJqfQJlvMHoPQFlvMAmvMAk/MAqfQAw/YAtfUTkfMoq/cwvfoKkPIKj/EMivINifMKrPYIsfYMkPQJp/UImfUHpvUIl/UGrfYFsfYHk/UEuPYCz/gDxfcHlfUgmvcrsfn/FUbJAAAAMklEQVQY02NkYMQCRLCIsYAF4cp/sYMFhaDct8JIKoWxGMOC20wSBRkwLSLPTMY3WMQA068E9SKSQ5sAAAAASUVORK5CYII=","aspectRatio":1.501466275659824,"src":"//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=370&h=246&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=1024&h=682&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=370&h=246&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=1024&h=682&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Simon Fjeldså","slug":"simon-fjeldsa"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":{"metaDescription":"Adding TinyMCE to your React project is easy, and can be done using the official TinyMCE React integration component. Start here with a simple example."}}},{"node":{"title":"Is the headless CMS the future of content publishing?","slug":"is-the-headless-cms-the-future-of-content-publishing","featured":false,"lastUpdated":"May 14th, 2019","description":{"description":"<p>There's a new trend in content management called \"headless CMS\", that decouples the authoring experience from the publishing experience. In this post we show you how to integrate TinyMCE with Contentful, a popular headless CMS.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There's a new trend in content management called \"headless CMS\", that decouples the authoring experience from the publishing experience. In this post we show you how to integrate TinyMCE with Contentful, a popular headless CMS."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A person's hand is in view holding a lightbulb up to the horizon.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Dylan Just","slug":"dylan-just"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"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":"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":"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}}]},"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":228,"numPages":20,"currentPage":20,"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"]}