{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/17/","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":"Working with the TinyMCE script loader API","slug":"how-script-loader-api-works","featured":false,"lastUpdated":"Feb 8th, 2022","description":{"description":"

You can use the TinyMCE script loader API to control when scripts load on your web page. Here's how to use the API.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can use the TinyMCE script loader API to control when scripts load on your web page. Here's how to use the API."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE script loader API offers a solution to running JavaScript as you need it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t////2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwMF/8QAJBAAAgEDAwMFAAAAAAAAAAAAAQIDAAQRBQYhEjFBExQjcYH/xAAaAQABBQEAAAAAAAAAAAAAAAAHAgMEBggF/8QAIhEAAgEDBAIDAAAAAAAAAAAAAQIAAxEhBAUSMSJBMkJR/9oADAMBAAIRAxEAPwCW7o55IJVtiEmPYnt9UXK3IrZe5jzYHoJXU6sXT3MLfWwdS2JY6VqWoTwzR3gBHoscghc85qIrcgR7GDL3t+sWrqbBOKsCy5+tx3+HIxmGPvoIyxlmHW5LeWx+g0iEGkfAR81mJJJWDKCMHjFdJgJnDaHZqoBhRui9uL1mjnnklSIfGrOcLz4qBUY2OYU9s0lCi/KmgBPdha8Nb9Q90/VlsHHJJpkHEvdP4z//2Q==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How the TinyMCE Script loader API works | TinyMCE"},"metaDescription":{"metaDescription":"TinyMCE Script Loader API is used for asynchronous/synchronous loading of external Javascript files"}}},{"node":{"title":"Setting text direction for internationalization with TinyMCE","slug":"internationalization-text-direction-in-rte","featured":false,"lastUpdated":"Feb 2nd, 2022","description":{"description":"
TinyMCE has the capability to set up alternate text direction and language. Here's how it's done.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"div","properties":{},"children":[{"type":"text","value":"TinyMCE has the capability to set up alternate text direction and language. "},{"type":"element","tagName":"span","properties":{"style":"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;"},"children":[{"type":"text","value":"Here's "}]},{"type":"element","tagName":"span","properties":{"style":"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;"},"children":[{"type":"text","value":"how it's done."}]}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Configuring different languages and text direction opens your rich text editor to reach international audiences.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACEFBMVEUT+voS+voR+voK+voA+vpS+/tl/Pxs/PwA+/sN+/sP+/sm9fYl9fYj9fYW9fYA9fYA9PUE9fZp9/jK/f3w///x/v7o+/tW7/AA9vch9vcj9vc58PI48PI38PIw8PIm7/Gv9/i/+vqb9faF8/Ty///8///F5eao4eL6/v6g5ucJ7/E08fM28fI18fJJ5ulK6OtL6+5J6+4/6u2I8PLx///6/f3u+PjB8fLE3d/0/Pzb9vbY+/v2/Pt50dM25+pH7O9I7O9Z299V1NlW2d5Y4OVY5enW+Pn////d6+y0yMvp9PRfpq2Fr7XV4+Tf7u6r19lUz9NP1dpT2d5X4eVa5upw4uZt3OFm0NZiytFn2+CH2d6gvcGQtro/kpy51tjK3N9Dl6FlztNr09hd299p4uZq3uNl0thgy9Jn19181Np3zNN4zNN80tl/2uB72uBsxc1brLVPpa+txsrV3+B5xst93+V93eN+3eN71910zdN1zNN50tl92uCP0NeQ0diT1t2T196U2uCS1t2BvMVOeYpbh5KP1NqS2N6R196O0tmN0diQ1t2R2N6m0tml0dml0tmm09qm1NuMuMMwT28fP2N8prChz9al09uk0tqj0tqj09q5zNW4zNW6zteesbxMV3M7Q2Y9RWhBSWl/kZ2yyNC3zda3zdW2zdXDydLEytO/xc65v8i7wcq6wMm5vsfCyNF5+yK3AAAATElEQVQIHWXBQQqDQBQFwW55uAmK4Nz/oEoYHSFE+FWCqAzqN4ofcOiTP2TDIrsF2a3SrNKs0lTwcc4OZAPxpUNWEPwDsjB4Qz06twvJmgdsi+f52gAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Vikram Aruchamy","slug":"vikram-aruchamy"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to change text direction for RTE internationalization | TinyMCE"},"metaDescription":{"metaDescription":"Adjust your rich text editor for multi-language use: learn how to change text direction and localize the interface."}}},{"node":{"title":"Automating textarea formatting with Formatter API","slug":"how-to-automate-textarea-formatting","featured":false,"lastUpdated":"Jan 31st, 2022","description":{"description":"

Make an API call with the formatter API, and you can automate the styling effort of content within your rich text editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Make an API call with the formatter API, and you can automate the styling effort of content within your rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"You can make a call with the Formatter API, and take direct control of the text format inside the TinyMCE textarea.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Automating textarea formatting with Formatter API | TinyMCE"},"metaDescription":{"metaDescription":"How Formatter API can help in automating textarea formatting and makes reuse of text styling (like application of bold, italic, underline format) so much easier."}}},{"node":{"title":"How the TinyMCE AddOnManager API connection works","slug":"how-the-tinymce-addonmanager-api-connection-works","featured":false,"lastUpdated":"Jan 25th, 2022","description":{"description":"

Our new how to guide explains the steps to connect a plugin to TinyMCE through the add() method of the AddOnManager API.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Our new how to guide explains the steps to connect a plugin to TinyMCE through the add() method of the AddOnManager API."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Adding plugins to TinyMCE with tinymce.AddOnManager API is important.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAMAAABsDg4iAAAABGdBTUEAALGPC/xhBQAACilpQ0NQaWNjAABIiZ2Wd1RT2RaHz703vVCSEIqU0GtoUgJIDb1IkS4qMQkQSsCQACI2RFRwRFGRpggyKOCAo0ORsSKKhQFRsesEGUTUcXAUG5ZJZK0Z37x5782b3x/3fmufvc/dZ+991roAkPyDBcJMWAmADKFYFOHnxYiNi2dgBwEM8AADbADgcLOzQhb4RgKZAnzYjGyZE/gXvboOIPn7KtM/jMEA/5+UuVkiMQBQmIzn8vjZXBkXyTg9V5wlt0/JmLY0Tc4wSs4iWYIyVpNz8ixbfPaZZQ858zKEPBnLc87iZfDk3CfjjTkSvoyRYBkX5wj4uTK+JmODdEmGQMZv5LEZfE42ACiS3C7mc1NkbC1jkigygi3jeQDgSMlf8NIvWMzPE8sPxc7MWi4SJKeIGSZcU4aNkxOL4c/PTeeLxcwwDjeNI+Ix2JkZWRzhcgBmz/xZFHltGbIiO9g4OTgwbS1tvijUf138m5L3dpZehH/uGUQf+MP2V36ZDQCwpmW12fqHbWkVAF3rAVC7/YfNYC8AirK+dQ59cR66fF5SxOIsZyur3NxcSwGfaykv6O/6nw5/Q198z1K+3e/lYXjzkziSdDFDXjduZnqmRMTIzuJw+Qzmn4f4Hwf+dR4WEfwkvogvlEVEy6ZMIEyWtVvIE4gFmUKGQPifmvgPw/6k2bmWidr4EdCWWAKlIRpAfh4AKCoRIAl7ZCvQ730LxkcD+c2L0ZmYnfvPgv59V7hM/sgWJH+OY0dEMrgSUc7smvxaAjQgAEVAA+pAG+gDE8AEtsARuAAP4AMCQSiIBHFgMeCCFJABRCAXFIC1oBiUgq1gJ6gGdaARNIM2cBh0gWPgNDgHLoHLYATcAVIwDp6AKfAKzEAQhIXIEBVSh3QgQ8gcsoVYkBvkAwVDEVAclAglQ0JIAhVA66BSqByqhuqhZuhb6Ch0GroADUO3oFFoEvoVegcjMAmmwVqwEWwFs2BPOAiOhBfByfAyOB8ugrfAlXADfBDuhE/Dl+ARWAo/gacRgBAROqKLMBEWwkZCkXgkCREhq5ASpAJpQNqQHqQfuYpIkafIWxQGRUUxUEyUC8ofFYXiopahVqE2o6pRB1CdqD7UVdQoagr1EU1Ga6LN0c7oAHQsOhmdiy5GV6Cb0B3os+gR9Dj6FQaDoWOMMY4Yf0wcJhWzArMZsxvTjjmFGcaMYaaxWKw61hzrig3FcrBibDG2CnsQexJ7BTuOfYMj4nRwtjhfXDxOiCvEVeBacCdwV3ATuBm8Et4Q74wPxfPwy/Fl+EZ8D34IP46fISgTjAmuhEhCKmEtoZLQRjhLuEt4QSQS9YhOxHCigLiGWEk8RDxPHCW+JVFIZiQ2KYEkIW0h7SedIt0ivSCTyUZkD3I8WUzeQm4mnyHfJ79RoCpYKgQo8BRWK9QodCpcUXimiFc0VPRUXKyYr1iheERxSPGpEl7JSImtxFFapVSjdFTphtK0MlXZRjlUOUN5s3KL8gXlRxQsxYjiQ+FRiij7KGcoY1SEqk9lU7nUddRG6lnqOA1DM6YF0FJppbRvaIO0KRWKip1KtEqeSo3KcRUpHaEb0QPo6fQy+mH6dfo7VS1VT1W+6ibVNtUrqq/V5qh5qPHVStTa1UbU3qkz1H3U09S3qXep39NAaZhphGvkauzROKvxdA5tjssc7pySOYfn3NaENc00IzRXaO7THNCc1tLW8tPK0qrSOqP1VJuu7aGdqr1D+4T2pA5Vx01HoLND56TOY4YKw5ORzqhk9DGmdDV1/XUluvW6g7ozesZ6UXqFeu169/QJ+iz9JP0d+r36UwY6BiEGBQatBrcN8YYswxTDXYb9hq+NjI1ijDYYdRk9MlYzDjDON241vmtCNnE3WWbSYHLNFGPKMk0z3W162Qw2szdLMasxGzKHzR3MBea7zYct0BZOFkKLBosbTBLTk5nDbGWOWtItgy0LLbssn1kZWMVbbbPqt/pobW+dbt1ofceGYhNoU2jTY/OrrZkt17bG9tpc8lzfuavnds99bmdux7fbY3fTnmofYr/Bvtf+g4Ojg8ihzWHS0cAx0bHW8QaLxgpjbWadd0I7eTmtdjrm9NbZwVnsfNj5FxemS5pLi8ujecbz+PMa54256rlyXOtdpW4Mt0S3vW5Sd113jnuD+wMPfQ+eR5PHhKepZ6rnQc9nXtZeIq8Or9dsZ/ZK9ilvxNvPu8R70IfiE+VT7XPfV8832bfVd8rP3m+F3yl/tH+Q/zb/GwFaAdyA5oCpQMfAlYF9QaSgBUHVQQ+CzYJFwT0hcEhgyPaQu/MN5wvnd4WC0IDQ7aH3wozDloV9H44JDwuvCX8YYRNRENG/gLpgyYKWBa8ivSLLIu9EmURJonqjFaMTopujX8d4x5THSGOtYlfGXorTiBPEdcdj46Pjm+KnF/os3LlwPME+oTjh+iLjRXmLLizWWJy++PgSxSWcJUcS0YkxiS2J7zmhnAbO9NKApbVLp7hs7i7uE54Hbwdvku/KL+dPJLkmlSc9SnZN3p48meKeUpHyVMAWVAuep/qn1qW+TgtN25/2KT0mvT0Dl5GYcVRIEaYJ+zK1M/Myh7PMs4qzpMucl+1cNiUKEjVlQ9mLsrvFNNnP1IDERLJeMprjllOT8yY3OvdInnKeMG9gudnyTcsn8n3zv16BWsFd0VugW7C2YHSl58r6VdCqpat6V+uvLlo9vsZvzYG1hLVpa38otC4sL3y5LmZdT5FW0ZqisfV+61uLFYpFxTc2uGyo24jaKNg4uGnupqpNH0t4JRdLrUsrSt9v5m6++JXNV5VffdqStGWwzKFsz1bMVuHW69vctx0oVy7PLx/bHrK9cwdjR8mOlzuX7LxQYVdRt4uwS7JLWhlc2V1lULW16n11SvVIjVdNe61m7aba17t5u6/s8djTVqdVV1r3bq9g7816v/rOBqOGin2YfTn7HjZGN/Z/zfq6uUmjqbTpw37hfumBiAN9zY7NzS2aLWWtcKukdfJgwsHL33h/093GbKtvp7eXHgKHJIcef5v47fXDQYd7j7COtH1n+F1tB7WjpBPqXN451ZXSJe2O6x4+Gni0t8elp+N7y+/3H9M9VnNc5XjZCcKJohOfTuafnD6Vderp6eTTY71Leu+ciT1zrS+8b/Bs0Nnz53zPnen37D953vX8sQvOF45eZF3suuRwqXPAfqDjB/sfOgYdBjuHHIe6Lztd7hmeN3ziivuV01e9r567FnDt0sj8keHrUddv3ki4Ib3Ju/noVvqt57dzbs/cWXMXfbfkntK9ivua9xt+NP2xXeogPT7qPTrwYMGDO2PcsSc/Zf/0frzoIflhxYTORPMj20fHJn0nLz9e+Hj8SdaTmafFPyv/XPvM5Nl3v3j8MjAVOzX+XPT806+bX6i/2P/S7mXvdNj0/VcZr2Zel7xRf3PgLett/7uYdxMzue+x7ys/mH7o+Rj08e6njE+ffgP3hPP78QcZjQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACx1BMVEXKbkbLbkbMb0XMbkXMbkPFbUjIbUXLbkTKbUane16oe12ed1+Oc2WjeV6gemFYfIF1fHmnel2nel6ne1+DiHaEiXZZencAd4RIfYFegH8AhZIXh5J0hnuEiHWCiHaDiXdflo9hl49EhYcXfYkbg48khJAliJQfi5dJjZBglo5flY5gl49hl5Bgl5A9pKg+o6czkpkkgYwmh5IoipUriZQnjJkvkZs9oqY8o6c9o6c/pKhApKgtn6omiZMnhZAng48pjJgrjJgrkZ0uoawto64toq4uoq4vo64xpK8ypK8zpK80pK8ulaQmfYkmgIsrhZApi5cqjZkqj5ssjZktjpsulqYumKcul6cvmKcwmagymqkzmqk0mqk0mqoukKQrhpcng40rh5Iri5YqjpoqkJwskJsvkJwvl6Uvm6gvlqUvkKMwj6MxkKQykKQthp8thZ0qgZQpiZMti5Ytk6EumKYumqgumqctmaYulKMuip4vhp4vh58wh58rfJksfJkse5grfpMqiZUqjZgpjZsnjJ8ljKAmjKAmjJ8ojJ8oi54oiJsqfpgtfZotfZksfZkqc5QqcpQpcpImd5EqgJYogJg2hJsugposgpkugpkMfJUIepMIeZEadY8ncZMpaY8qaY8jZ45Md5ehtMCnusStvsijtsKsvceZr7ycsb2jtcCMo7EzbI8naY8oYIolX4o0ZYtfgZhmhp1hg5tdgZpfgppjhJtyjaGCl6hXeZEkX4cnYIonV4UoV4UiVYMPVn0EVn0GV34IV34EV34DVnwAVHoAUXcPUngkVYQnV4YmToAnToAnToEmTYEiTnofT3YgUHggT3geTXQdS3EiS3kmToElRXwmRXwlRHshRHMeQ24eRG4eQ20dQmwdQWohQnEkO3YlO3ciOnEfOWseOGgeOGcfOGkiOXAlO3YlPHckNHIkNHMkNHQkM3K4CfxQAAAAmUlEQVQYGQXB0VHCQABAwbd4zkDARBj7sP9ybEEdlA9z7irAozr2W+UE8DhWPy119wZApapxAaDuZ5WxApDnc2qOFd8vAivsjVdcAcA+xw2AILPxCh/XlQCzscE7+Bv4Whm3AgC3r9nYzA7A/gTbp7FVAAGN1awDBGCsEpT9CT+bcVEFwWOep7Goah6A5beOY6lK5qHd7FT9AwKBIm1qzvOdAAAAOHRFWHRpY2M6Y29weXJpZ2h0AENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueflXeTcAAAAhdEVYdGljYzpkZXNjcmlwdGlvbgBzUkdCIElFQzYxOTY2LTIuMVet2kcAAAAmdEVYdGljYzptYW51ZmFjdHVyZXIASUVDIGh0dHA6Ly93d3cuaWVjLmNoHH8ATAAAADd0RVh0aWNjOm1vZGVsAElFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQkRTSKkAAAAASUVORK5CYII=","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How the TinyMCE AddonManager API works | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to add plugins to TinyMCE with tinymce.AddOnManager API"}}},{"node":{"title":"GetTinyMCE by element: FAQ + Solutions series","slug":"get-tinymce-by-element-selector","featured":false,"lastUpdated":"Jan 18th, 2022","description":{"description":"

 Selecting the TinyMCE editor by an element can be done by targeting element id's, and with the TinyMCE setup option.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" Selecting the TinyMCE editor by an element can be done by targeting element id's, and with the TinyMCE setup option."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Getting the element of an object in the TinyMCE rich text editor is straightforward with this guide.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Get TinyMCE editor instance by element selector | TinyMCE"},"metaDescription":{"metaDescription":"Learn about ways to get TinyMCE editor instance by element selector, steps to take, common mistakes to avoid."}}},{"node":{"title":"How to use TinyMCE APIs: a beginner's guide","slug":"how-to-use-apis","featured":false,"lastUpdated":"Jan 12th, 2022","description":{"description":"

TinyMCE has many API types, but this API quickstart guide is designed for beginners to understand how to use TinyMCE APIs.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE has many API types, but this API quickstart guide is designed for beginners to understand how to use TinyMCE APIs."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE has a variety of API types, and this how-to API guide explains how to get started.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mike Chau","slug":"mike-chau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to use an API? A beginners guide using TinyMCE APIs | TinyMCE"},"metaDescription":{"metaDescription":"How to use an API can be confusing, and TinyMCE has many API types, but this API quickstart guide is designed for beginners to understand TinyMCE APIs."}}},{"node":{"title":"A Real-time Collaboration guide for TinyMCE","slug":"real-time-collaboration-tinymce-guide","featured":false,"lastUpdated":"Nov 2nd, 2021","description":{"description":"

The following is a real time collaboration guide. It explains how to set up TinyMCE to use the new Real-time Collaboration plugin.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The following is a real time collaboration guide. It explains how to set up TinyMCE to use the new Real-time Collaboration plugin."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An example of real-time collaboration. along with the title","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":2.518134715025907,"src":"//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=185&h=73&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=370&h=147&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=739&h=293&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=1109&h=440&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=1478&h=587&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=2217&h=880&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=2916&h=1158&q=50&fit=scale 2916w","srcWebp":"//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=185&h=73&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=370&h=147&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=739&h=293&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=1109&h=440&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=1478&h=587&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=2217&h=880&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=2916&h=1158&q=50&fm=webp&fit=scale 2916w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":{"metaDescription":"Find out how to set up Real-time Collaboration with end-to-end encryption with TinyMCE in our playlist. "}}},{"node":{"title":"How to use Real-time Collaboration with TinyMCE Cloud","slug":"how-to-use-real-time-collaboration-tinymce","featured":false,"lastUpdated":"Oct 27th, 2021","description":{"description":"

With the recent TinyMCE 5.9 release, we’re also delighted to bring you Real-time Collaboration for TinyMCE. This guides takes our demo, and provides you with the exact steps you need to set up Real-time Coloration. This essential guide explains how to build each essential component needed to see how TinyMCE with Real-time Collaboration in action.

\n

 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With the recent TinyMCE 5.9 release, we’re also delighted to bring you Real-time Collaboration for TinyMCE. This guides takes our demo, and provides you with the exact steps you need to set up Real-time Coloration. This essential guide explains how to build each essential component needed to see how TinyMCE with Real-time Collaboration in action."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"This article explains how to use Real-time Collaboration with TinyMCE.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.9206145966709347,"src":"//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=185&h=96&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=370&h=193&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=739&h=385&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=1109&h=577&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=1478&h=770&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=2217&h=1154&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=3000&h=1562&q=50&fit=scale 3000w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=185&h=96&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=370&h=193&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=739&h=385&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=1109&h=577&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=1478&h=770&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=2217&h=1154&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=3000&h=1562&q=50&fm=webp&fit=scale 3000w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":{"metaDescription":"With the recent TinyMCE 5.9 release, we’re also delighted to bring you Real-time Collaboration for TinyMCE. This guides takes our demo, and provides you with the exact steps you need to set up Real-time Coloration. This essential guide explains how to build each essential component needed to see how TinyMCE with Real-time Collaboration in action."}}},{"node":{"title":"How to integrate TinyMCE with jQuery","slug":"jquery-cdn-rich-text-editor","featured":false,"lastUpdated":"Oct 11th, 2021","description":{"description":"

Integrating TinyMCE with jQuery involves several steps. This post explains them. Find out how the integration works.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Integrating TinyMCE with jQuery involves several steps. This post explains them. Find out how the integration works."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE and jQuery can be integrated using the jQuery cdn","artistName":"Mel Poole","image":{"fluid":{"base64":"data:image/jpeg;base64,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F3CculE8AAAAzFBMVEVLWHhKWHhIV3lHV3lGVnlIWHpKWXtLWntLVHJLU3JKU3FJUnFXYHxbZH9OXHxcaIVga4dYZIJJWXpLVnZLVnVLVXVJVHVdZoFzepB3fZR6fpd3fpZlcIpMVnVLVXRKVXVHUXNETnBTWXpMUHhFUXdKVnVNWHdudYxrcotobolgaoZKWntKVHRKVXRKVnZPWnlqc4tlcIlibolncoxMW3xKUnJKUnFJU3NIUnNHUXJCT3I8TXU/UHdJUnJHUHFFTm8/S3E9TXdCUnlJWXtem/6TAAAAYElEQVQIHTXBsQ4BQRRA0XsnEyyF6Gglq9L6/0ajFv9Ao5CMLZf3NnuOJHUsqARXCM4aoW4AZ69CqNINa0xvSWXHwLexCK0neXb0s30eDHdS7fDB/ujf7cTEi8DSdGXyA9fcEGUStmvmAAAAOHRFWHRpY2M6Y29weXJpZ2h0AENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueflXeTcAAAAhdEVYdGljYzpkZXNjcmlwdGlvbgBzUkdCIElFQzYxOTY2LTIuMVet2kcAAAAmdEVYdGljYzptYW51ZmFjdHVyZXIASUVDIGh0dHA6Ly93d3cuaWVjLmNoHH8ATAAAADd0RVh0aWNjOm1vZGVsAElFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQkRTSKkAAAAASUVORK5CYII=","aspectRatio":2.3636363636363638,"src":"//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=185&h=78&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=370&h=157&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=739&h=313&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=1109&h=469&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=1478&h=625&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=2217&h=938&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=185&h=78&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=370&h=157&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=739&h=313&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=1109&h=469&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=1478&h=625&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=2217&h=938&q=50&fm=webp&fit=scale 2217w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"jQuery rich text editor guide | TinyMCE"},"metaDescription":{"metaDescription":"How to integration TinyMCE with jQuery. Integrate the TinyMCE rich text editor with jQuery"}}},{"node":{"title":"Is your domain registered with Tiny Cloud? ","slug":"domain-registered-with-tiny-cloud-referer","featured":false,"lastUpdated":"Sep 8th, 2021","description":{"description":"

If you see the error - \"This domain is not registered with Tiny Cloud. Please review your approved domains.\", or this error - \"We could not check your domain because the referer header was missing. Please see the guide on how to ensure the referer header is present.” - It's possible to investigate and troubleshoot the website referers (which is spelled  with a single letter “r”, and isn’t “referrer”). This post explains a reliable way to troubleshoot and remove the warnings, and understand how referers cause these error warnings.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you see the error - \""},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"This domain is not registered with Tiny Cloud. Please review your approved domains.\", "}]},{"type":"text","value":"or this error - "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"\"We could not check your domain because the referer header was missing. Please see the guide on how to ensure the referer header is present.” "}]},{"type":"text","value":"- It's possible to investigate and troubleshoot the website referers (which is spelled  with a single letter “r”, and isn’t “referrer”). This post explains a reliable way to troubleshoot and remove the warnings, and understand how referers cause these error warnings."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"domain in greater and less than carets to prepare the reader for thinking about their domain HTML","artistName":" Clark Van Der Beken","image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"How to set up the Visual Blocks plugin","slug":"WYWSIWYG-online-tinymce-visual-blocks","featured":false,"lastUpdated":"Aug 18th, 2021","description":{"description":"

The Visual Blocks plugin - a TinyMCE Open Source plugin - can enhance a WYSIWYG. If you have a web application or website that requires end users to enter HTML inside a WYSIWYG, the Visual Blocks plugin can help your users understand the structure of their content, and see which elements are nested within others.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Visual Blocks plugin - a TinyMCE Open Source plugin - can enhance a WYSIWYG. If you have a web application or website that requires end users to enter HTML inside a WYSIWYG, the Visual Blocks plugin can help your users understand the structure of their content, and see which elements are nested within others."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Black, white, and grey blocks float in a shadowed space","artistName":" Esther Jiao","image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.6034206306787815,"src":"//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=185&h=115&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=370&h=231&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=739&h=461&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=1109&h=692&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=1478&h=922&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=2217&h=1383&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=185&h=115&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=370&h=231&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=739&h=461&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=1109&h=692&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=1478&h=922&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=2217&h=1383&q=50&fm=webp&fit=scale 2217w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":{"metaDescription":"The Visual Blocks plugin - a TinyMCE Open Source plugin - can enhance a WYSIWYG. If you have a web application or website that requires end users to enter HTML inside a WYSIWYG, the Visual Blocks plugin can help your users understand the structure of their content, and see which elements are nested within others.\n"}}},{"node":{"title":"How to configure Dialogs with TinyMCE","slug":"how-to-configure-dialogs-with-tinymce","featured":false,"lastUpdated":"Aug 10th, 2021","description":{"description":"

A Dialog is a specific set of components that help you create and build – by introducing some specific JavaScript objects into your rich text editor html. One way to streamline user experience is to make your Dialog’s easy to understand, and easy to use.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A Dialog is a specific set of components that help you create and build – by introducing some specific JavaScript objects into your rich text editor html. One way to streamline user experience is to make your Dialog’s easy to understand, and easy to use."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Neon sign saying \"Hello\"","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1950&h=1300&q=50&fit=scale 1950w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1950&h=1300&q=50&fm=webp&fit=scale 1950w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to configure Dialogs with TinyMCE"},"metaDescription":{"metaDescription":"A Dialog is a specific set of components that help you create and build – by introducing some specific JavaScript objects into your rich text editor html. One way to streamline user experience is to make your Dialog’s easy to understand, and easy to use."}}}]},"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":192,"numPages":20,"currentPage":17,"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"]}