{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/19/","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 requires standards mode","slug":"tinymce-requires-standards-mode","featured":false,"lastUpdated":"Sep 14th, 2020","description":{"description":"

TinyMCE requires browsers to run in standards mode. Make sure any HTML pages on which you are loading TinyMCE start with <!DOCTYPE HTML>.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{"dir":"ltr"},"children":[{"type":"text","value":"TinyMCE requires browsers to run in standards mode. Make sure any HTML pages on which you are loading TinyMCE start with ."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text that reads \"\".","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABZVBMVEUKHU0IG0wJHEwKHUwJHEsIG0sIG0oLHUwJHEoKHEsJG0kKHEoLHUsJG0gKG0gKHEkJG0cJG0YIGkYGGUYEGEUCF0UDF0UGGUUJGkQIGUQAD0EABD8AAD4AADsAC0AAADwACkAAAD0AAz4IGkQIGUIAEUA9QlhcX251d4KLjJWFh5B+gIqGiJGNjpdQU2VkZ3WOkJhTV2c+QlkAED8IGEAADj1ESFxeYW9ydH+LjZWGh5BnaXZlZ3R2eIJ9f4hSVWVkZ3N4eoR+f4mKi5NqbHhDR1sIGD4HFz4ADDoABDgAADcAADMAADQAADYAADUACToAADIABzkACzoJGDwJFzwIFzsGFjsEFDoCFDoEFTsEFToFFTsDFDoHFzsIFzwJFzkJFzoKGDwIFzkJFjYKGDsLGj4LGT4JFzgKGT0IFTMJFTQKGDoLGTwJFjUJFTUIFDEKFzgJFTMIFDIIFDAJFzcIEiwIEi2Il2AuAAAAsElEQVQYGQXBC0oDURBFwXN6ekaRRILuf4viB0GSN32tEgSAIAAES5wShoJMhXhMaKccKlNhWb6gDEyzCoqE3hTc4OQZzoKkG1Vgd6joI/STqjiWstj/8tIXVZ1N9ez7082vvqmqqqr6ees3VT075aTXbqWvqiKmho3ZLr99Ub6vBUPAH15z6UbfXbRk0UcS+lCx9lOypUOSPnzsaz9WS+g8+n6k99XdsuWDN2Fj2P8BVFFPTFufoe0AAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.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":"This domain is not registered with Tiny Cloud","slug":"this-domain-is-not-registered-with-tiny-cloud","featured":false,"lastUpdated":"Sep 2nd, 2020","description":{"description":"

Are you getting a warning message when running TinyMCE? Find out how to remove the TinyMCE warning notification - This domain is not registered with Tiny Cloud - associated with the Cloud API key.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Are you getting a warning message when running TinyMCE? Find out how to remove the TinyMCE warning notification - This domain is not registered with Tiny Cloud - associated with the Cloud API key."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Notification message reading \"This domain is not registered with Tiny Cloud.\"","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACMVBMVEUIG0wIG0sMH08SJVUTJlYOIFAIHEwNH04JHEwMH04SJVMTJlQOIU8MHk0JG0oIG0oNH00SJFITJlMOIE4MH00TJVIJG0kIG0kHGkkGGkkKHkwQI1ARJFELH0wFGUkMHksPIU4LHUoJG0gHGkcAF0cADkYAEEkAF00AF04AD0kABkYAB0YACEYBGkkNIEwKHEgJG0YIGkYAFUUABEQAFkcAEkkADEkAAEUAAEIAAEMAFkYAEUgPIUoJGkQGGURWUFDbx4nkz47izY3hzIvhzIzhzYzjzo3UwYRQSkwNH0gRIkoJGUIEF0IAAEFmXlb85Zrbx4j54pn24Jj03pf03pb95pz/7aD/7qH745leVksNIEgRIUgJGUAIG0NoX1X135a/rnjt15Lz3pfx25Xz3Zbz3Zf135j44pn645lfV0wMH0UQIEUOHEENHkMAAEBWT0vbxoXjzYrizIngy4jhy4nhzInZxINQSkYAA0ENHEESIEIPHkEAFDwAADkACTcAADMAADIAADQAADUAADcADTkACDwDGUAMGz4JFzsPHT4MGjsHFjkAEjgACDgAAjgAADgABDkABzoACjsADTwAEj0EGT0KGTsIFzkJFzkKFzcIFjYIFjcHFTYGFTYIFzgKGDkHFjcLGTkMGjoLGDgJFjYIFTMIFTQKFjQJFjQLFzUMFzYNGTcOGTcIFDAJFTEJFDEKFjILFjIMFzMNFzQKFTIIEzAIEi0LFS8IEy0MFjAKFC6xPRb/AAAAoElEQVQYGQXBwVUUURRAwVvMw2l0HGDhQgMwOjM2BRd6PChI098qVVXgtd7xTFW14anqfJtrqWCvqluzJcBrtdbGXAJQedn4PVeAqlytP1/mo39noBb8/GyuAI5O8OvRPPr+FaAfn1gPfAMkR2t4uswVpDjW4N7cA8WxBpgH64biOFH+9n4u4a2x35zU2/5Bs1Wwzyieq7mr0jqr7N1V/wE+LicwP8iefgAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.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":"Remove warning - This domain is not registered with Tiny Cloud"},"metaDescription":{"metaDescription":"How to remove the TinyMCE warning notification - This domain is not registered with Tiny Cloud - associated with the Cloud API key."}}},{"node":{"title":"Getting started with TinyMCE HTML email editor","slug":"email-marketing-software","featured":false,"lastUpdated":"Aug 18th, 2020","description":{"description":"

Find out how to get started with the TinyMCE WYSIWYG editor in your email marketing software. Deliver the best email builder with HTML inline editing using our rich text editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to get started with the TinyMCE WYSIWYG editor in your email marketing software. Deliver the best email builder with HTML inline editing using our rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract instance of TinyMCE with a button that reads \"Get started with TinyMCE\".","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABelBMVEUHG0wFGkwCGEsAF0sAFkoDG04KIlMMI1QEHE8HHE0GG0wGGksCGEoAE0kAAEQAAEEAAEAAAEoAAEsAAEUFG0wAA0U5PltESWI/RF8+RF4/RWBAR2RBSGVBR2JARV9BRl9ESGE4PloAFk0AADNgY3To6Orw8PHy8vPy8vLx8vLx8vPw8fHx8fLp6etgZHYAADUAAB97fYj39/jr6+3////y8vTm5+np6uzo6ev8/Px6fIgAACAAABV2eIT8/P37+/v6+vr29vf9/f0AACEAAAx2eIP7/Pz19fX39/f8/f37+/x2eYUAAAJ2eIL4+Pn19fT09PT3+Pl2eYQAABkAAAD5+fnu7u74+Ph2eYMAABF2eYLv7u7v7+93eYJ2eIB2d392d375+frz8/Te3uDf4OLg4OLh4ePg4ePh4uTg4eLv7/B2eH7IyMwWIUwvNVVITWRnantpbHxoa3toa3xzdYROUmgMG0q1trz6+vt2d3319fbq6uzy8/R2d3wYXQDEAAAAzklEQVQYGQXBTU6DUBhA0XvpxytgwaCm/sSR63HB6tBZ49wVODEO2ihNpUif54gKiOpfhqSuVIHTQmfI5H0f9XGpoqpklS46VXUmQylTao1WFQB3/RxOSWOlOk4lqZibjNZTKqpqyN+J1JrWY3PM/a779VG/1gIHoIbthUY1ci9AAoCbQ2PQDpQCAHCE/bJgAQAAANATyMd1BgDA7bkExeWVqmQKp3x3aPYBnw+q6mnhWNn9UHAb3dtmddbUVbNMm9fyvSOI4QWeAQB46oJ/M0Y5oqzGH4oAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.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":"Getting started with TinyMCE HTML email editor | TinyMCE"},"metaDescription":{"metaDescription":"Find out how to get started with the TinyMCE WYSIWYG HTML email editor. Deliver the best email builder with HTML inline editing using our rich text editor."}}},{"node":{"title":"How to migrate from TinyMCE 4 to TinyMCE 5","slug":"how-to-migrate-from-tinymce-4-to-tinymce-5","featured":false,"lastUpdated":"Aug 17th, 2020","description":{"description":"

To assist you with the process of migrating from TinyMCE 4 to TinyMCE 5, we’ve put together a 4-stage step-by-step process that will help with the bulk of most migrations.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To assist you with the process of migrating from TinyMCE 4 to TinyMCE 5, we’ve put together a 4-stage step-by-step process that will help with the bulk of most migrations."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"TinyMCE\" with an arrow pointing from a 4 to 5.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAC61BMVEUIG0wIG0sMH08SJVUTJlYNIFAIHEwNH04JHEwHG0sGGksLH04RJFMRJVQMHk0JG0oIG0oCGEkABEUADkgDHlAAHE8ACUgAAEMAB0UDGEkMH00TJVIJG0kIG0kEGUgAFEdPU2lBSGMAAEcYJk9BRl9GSmJMUGZCR2AADEUCGEgHGkgLHksPIU4LHUoJG0gJGkcDFEWUlJ6trrWgoqqnqa/Excm5ur+oqa+en6cAADcAAEAAEEYKHksJG0YJGkYJF0ULAEEAAD5EUGZjZHR7e4eAgoxnanhkZnVqbHplZ3YACEEcIEkUHEkGGEUPIEoJGkQJGEMOC0ERADIGrbMA6OoAeoQAACIAADgAADUAAB13eITm5ebo6ers7e+0xsoIGEYRIUoJGUIOFUIRAC0Pe4YA+voA//8Dj5cEACEDCT4ACz4AACCTkpn///+38PCg5eZ3xMcADkEJGEQQIEcJGUANGUIRADkRNFAF4OID2doA+PgHi5MKAAUJJkYAH0MAABKYlp3n8PHKztBXYG8AACwFGEIPH0UOHEEQF0AIur0A8fIHk5oA9/gGoKUJCDoIW2kAbXgAACtlho6n6Omv6On4///T1NYAADQADz0LGkASH0EREzwMHD4C3+EA+vsB8PAB7+8HgooAi5MAVGN4fYWNnKEAETvV2Nrl9vcASFoAADMGFDoPHD0NFDkKADIIX2oIanMHj5QA/PwFqq4JLkYKYGwBcnuyur3q6On6//+o5OUAJEAAADEHFDgKFzcJFDYLDTQKACUJAAYJJT4GlpsITloMABsMLUMEJj4AAB8ZTFqRzc+x7u6E2dsAdX0AABkEDTMIFTYIFTMIFDMKEzMJDjEIACkJAA4LACgMEDMIDDAIDjEFDzMAACQAJz4AAA8BAy4IEzMIFDAJFDEJEjAKEjALFDEIEzAMFzMMFjMJEjEEBi4AACcAACkECy0IEi8IEi0LFS8IEy0MFjAMFS8JEi0HDysHDywIES0vj1k8AAAAmElEQVQYGQXBPS4EAQCA0e/JWBvNxsxSiETnAjpXcCFXcBe1UqtzAZ1G4SdINiZZyXpPVRXY1oKZqpawWe7mOlhkVQLEbx1yVgAAhrF4PQXAT8MqHAHg89wwBgDYjIYxAMDEMAHAxwSGyfMFgAkYJms8Xr2dAOAOgKfL+2vgAQAAwzoAvB/f3PLtpQJ/+4B566tKuz0F5voHZsodMuyQ2pUAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.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":"Making the most of templates in TinyMCE","slug":"tinymce-templates","featured":false,"lastUpdated":"Aug 4th, 2020","description":{"description":"

The TinyMCE template plugin can save users a lot of time, especially when they’re entering the same content over and over. Check out these TinyMCE template examples and how to make the most of the plugin in your applications.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The TinyMCE template plugin can save users a lot of time, especially when they’re entering the same content over and over. Check out these TinyMCE template examples and how to make the most of the plugin in your applications."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"Insert Template\" with corresponding icon above.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACJVBMVEUUneAGddcCatYDbdYDbtYDbNYTmd8Tmt8XpuMTm+EHedoEb9gHetoEctgEcdgIfNoOit0UnuEVnuEIfdoOjN8WpeQUneIQkuARleEEdNsFddsIfNwTm+IWp+UEdNwOi+AXp+YXqeYSmeMFd90Ged0Ed90DfN4Dm+MEm+MDfd4Ge98Qk+MXqecXqugTm+QHe98Hfd8CfN8Aed8yh+EIgeENjeMOjuQMiuMIgOEHgOEAgOEAf+GVs+sOjeMIg+QHguMEguMFg+MGhOQEhOQAguM7jOWyyfEDhOQFhOQEg+MFguMHg+MFh+YAh+YAheYAheUAguVooOqxyfJmn+oAhuYBh+YGh+YAi+gFi+hxp+xjoOtGlulFlelKl+pdnutTmup8rO0/lOlNmOphn+tanOpcnetQmepioOsKi+gAjuoUkOqWvPGmxPOjw/KryPOhwvKXvPFaoO2iw/KnxvOvyvSpxvOoxvOQufEPj+oEkuwIkuxKne4ulu0xl+04me0rlu0kle0Mkuwqle0yl+0hlO1Zou49mu02mO0wl+06me1Jne4Lle8GlO4Ak+4AlO4Ale4AmO8HlO4Mle8OmvETpfITp/IRo/INmfENmPEPnPEXsfMOnPEMmPEMmfEPm/MUqfQbu/YbvPYXsfUPnPMRofMZtfUZtPUPn/UWrvYbvfcbvvcYs/YQoPUTpvYVrfYauvcXsvgcwPkauvkXsfgYtvgRpPcRo/fWgMTFAAAAjElEQVQY023PwW6CABRE0bnyKKhNY1z5/z/o0qjgdQGF0jjLk0nmPQKEMBbPxhiVniWv5qmq9b1YtJvxsDYZ/NR0bWaD6W5bbOB2gPoBIkAYTb5ajnX8M/ToALjWeTV34H0PdeJ/rqc6T1/GXUYSkwvVQ6YDAuRudB4KDGlfplWt/S8SdXpgwQypzPgGu0NZXOm8JzYAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Marty Friedel","slug":"marty-friedel"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Your first Deno app with WYSIWYG editing","slug":"deno-app-wysiwyg-editor","featured":false,"lastUpdated":"Jul 29th, 2020","description":{"description":"

Learn how to build your first Deno app, and how to enhance your Deno apps with WYSIWYG editing. The first step in creating real-time chat apps and more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to build your first Deno app, and how to enhance your Deno apps with WYSIWYG editing. The first step in creating real-time chat apps and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"Welcome to Deno\" with Dinosaur emoji, as it appears when you run the welcome app.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABklBMVEUAKDYAJTMAIy8AISsAICsAHyoAISwAHigAHicAFyMAAA4AABYAABEADR0ADRwACRsABhkAChsAEyAAGSQAHCYAHygAHCQAFiAXJy1obG5ZXmBFS05xdHYkMDYvOT0yOz85QUUzPEAoMzgAABJVWl03QEQwOT4ADxsAGiMAHCUAGSEADRgsNTnKy8zQ0dGvsLGjpaaen6CfoaK/wMHHyMjIyckAAACnqampqquur7ASIykAFR4AGiEAFx4AEhoAEBlzdXZ5fH1kZ2lfYmRrbm9pbG16fX50dnd+g4ZiZ2pdYGJzdXdxdHUADhcAFRwAGB8AFxwAFRsADBRRVVZARUcABCQAP1EAFx8ADxYAFRkAExgADBKtrq7Gx8e2t7e0tbWhoqIqZn0zdIwSOEUACAwAEhcAFBkAExcADhN4enuFh4eHiIl9f3+IiYp7fH0RO0khTl8aQk4ADxMAEhYAEhUAERQAEBMABwwAAwYACAgABwQADhAADxIAERUAEBIADhEADA8ACg0ACQ0ACg4ADQ4ADAzRX572AAAAAXRSTlP89O1mUQAAAJBJREFUGNON0LEKgWEUgOH35UiUbyGblMHiKhjdgat1FxaDktVE6a//81n4Uyjvdp7Ocg58Sb9g/EAFSiOFdoSKr/I9Wpfk2M9i9DbUnScO31fOwwZPTDwCU9MBZlVxg+7namntFqpeiAQyUJWkek3EAF1uAVipVuMb0Yd7e62YC3Xkrn0iA3VzTg0ZovfvQx5Q6h8nvDAslgAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.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":"Build a simple chat app with Deno and a WYSIWYG editor","slug":"deno-app-build-chat-app-wysiwyg-html-editor","featured":false,"lastUpdated":"Jun 15th, 2020","description":{"description":"

Get started with your own Deno apps, and get a head start on others with WYSIWYG HTML editing. Here we look at a simple real time chat app with code examples.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Get started with your own Deno apps, and get a head start on others with WYSIWYG HTML editing. Here we look at a simple real time chat app with code examples."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Four chat bubbles, indicative of a conversation in a chat app, with the Deno logo in one of them.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAACmElEQVQYGQXBzWtcVQDG4d97zrl37mQmmU4jmiBaUHEhuCkVwS4qrkRQ3IgfC7f9F9y66sqFC6G0/g2iKOLWbauo2PjREqxYNcSm6SSZycy995zX51G6+jcAAACAQdSRZiMyCMfz0s0yAkAgKABVIMkAAIABJOqIxDx7tSz0phiBARAAQUUkFQMYwBDEIKoehdOoVeZilIbqm0Cx58XFQaoiP3U+WjkpU4pLxiaIEHFhNSvzYXhrmj6+NNkYhALYGAAJ+6Nv9j78U6l0XluPk3O1pBBQUOnL/u0lh/lO4Msbd5t+WTobQIggPboed/4x8Uxyy2gzbl8cumsxSGXRnewuF4vmx/v58vGIo4bWFIiBKDrjnlGisuor9+rkyeiwn/UO0ZXKqpyWjZwGGfdA5yvPD988v350cvrw6OSR6aQeVFe/PfjknlOFYtbJbNOotVIVLHtZQrZQb1jx3GODpzaXn3527c7t31548aW333n36VHPKoVmI1bjmMaRtVA3CsUxUjUSIosirGLduPndxtmt996//PkXX+3s/AqRTiFYzup7UYRFEVmUoCxlYZEla21tuHPr563t7Usvv9IMhy7QKbWHbntyB8WKSmO5p18UZ1IiVCo9Lj5/4cL+/v7Dw//eeP21J849WX7YwymtFhqcCZNnKgRSqOTOthXkznu/tG3k61vH8wcPS3n2r9+7Qd1t7v5x865Iw0Qfxo/H7Vcrdx02GEAg55PVfLedaXh9Ga9/v8nCWGRQpo5EqfngoB54fXq/fZBNAELAxgbTp2k82ziRC4tZ6Y6NQEo4QFIIbauDf7eMgBAASkFQj6imChEXyxqP1RX3C8sgAQmiBJEgBdkmmxCpBqqnImLjQjGIagJ2XhgA/gedIGbSF7xSvQAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.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":"Deno app: Build a simple chat app with WYSIWYG editing"},"metaDescription":{"metaDescription":"Get started with your own Deno apps, and get a head start on others with WYSIWYG HTML editing. Here we look at a simple real time chat app with code examples."}}},{"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":"

Find out how to configure menu buttons on the toolbar so that menu items can be changed dynamically after initialization.

","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":"

Adding a rich text editor to your applications for the first time? Start with a simple example using JavaScript localStorage.

","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":"

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.

","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":"

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.

","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":"

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.

","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."}}}]},"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":"

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.

","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":216,"numPages":20,"currentPage":19,"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"]}