{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/javascript/page/2/","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":"Mastering find and replace in TinyMCE","slug":"find-and-replace","featured":false,"lastUpdated":"Nov 21st, 2023","description":{"description":"<p>Elevate your content management experience with find and replace available out-of-the box. Find out how it works in our latest article.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Elevate your content management experience with find and replace available out-of-the box. Find out how it works in our latest article."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Find and replace appears as words next to a magnifying glass icon examining content for specific words to replace","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAsVBMVEVm8P9l8P9j8f9e8f9i8f9k8f9k8P9r7/ya5+d16vFn8P9q8f9o8f9h8f9f8f9l8f9n8f+y7vP68ee97u1W8P5p7/x88P658Pi87va57fS87vWR7Pdm8f9d8P/E8vn/9vXE8PON5OnX4MXU6eLK5Om13+Wy1+KL3eyi8PrB8fiw5e/X19z77d/u8e6b7PdR8P9a8f9a7/9h8P9p8f9u7fyz7fXG8fh97Ppc8P9b8P9a7/7Iq/srAAAAZ0lEQVQIHY3BuwrCQBRAwXOSWGmW9Jb2goX/X+s3pBQEK19bGbiuBlMGZ/ibFH4MLF5AAALWtaO81CsIWCUn5wgaYO0PSroh0OWNk8sJGopt/9xZHFtoASm61SPvPVRD8CUjE/dgzhuJzxZLjuSOAgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","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":"Mastering \"Find and Replace\" feature in TinyMCE | TInyMCE"},"metaDescription":{"metaDescription":"Master the 'Find and Replace' tool in TinyMCE. Discover its significance, enable it with ease, and get tips for efficient text editing. Elevate your content management experience."}}},{"node":{"title":"How to convert and rewrite URLs with TinyMCE","slug":"convert-rewrite-url","featured":false,"lastUpdated":"Nov 15th, 2023","description":{"description":"<p>With TinyMCE, the URL rewrite process becomes easier than you'd think &ndash; read on to find out how URL rewrites work in our latest guide</p>\n<p>&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With TinyMCE, the URL rewrite process becomes easier than you'd think – read on to find out how URL rewrites work in our latest guide"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A URL being examined, and the link icon changing color, representing the URL change process","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA8FBMVEXw3j3w3jzw3jvw3jbw3ibw3SDw3iTx3y7x3i3x3jXx3jvx3zzv3Tzv3TXv3UDx4oHx5Ijw4X/t1lnv3XTx4Vvw3jTu3T7x3zvv3Tvk2ZXz9Pj29/jz6uPq4eLv3NDw24Lx3E3w317x3z7s3D7v3RLe1qf09v/6+/348/Dv4Nnx6ePX2rLfvY/x1H/x4Efv3Trw3RTd1qjy9f/5+v/7/P/8+//x/P/G3bbgznby3FPx30Dw3S3h1YnZ2NHc28/c2s/c29Hi3cTu4GPx3yfx3zbx3jzx3znx3i/w3SHw3Rjv3Rbv3Rrw3R/x3jrx3jjx3jmSYrwZAAAAYUlEQVQI12NgwAIYYRTjfyD1H1mQkYkRCr7CBXkYEeAlkM8CFnwrghD9DxFk5EZWChX8jyYGMVNcBS627x+QzwQS1OOGgGNcjP8QTnI9asMBZO/+/h/Z8QyMLgx7YG5nAAC9PBOsGxz1VQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","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 convert and rewrite URLs with TinyMCE"},"metaDescription":{"metaDescription":"Discover URL rewriting and conversion with TinyMCE. Explore basics and best practices for optimal web performance."}}},{"node":{"title":"How to create a multilingual CMS with TinyMCE","slug":"multilingual-cms","featured":false,"lastUpdated":"Oct 10th, 2023","description":{"description":"<p>Multilingual content needs a flexible CMS in order to deliver it. Find out how to enhance a CMS, and make it more flexible with the following step-by-step guide on building a multilingual CMS with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Multilingual content needs a flexible CMS in order to deliver it. Find out how to enhance a CMS, and make it more flexible with the following step-by-step guide on building a multilingual CMS with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A globe with content and other communication icons wrapped around it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEVw2/9v3P9u3P9v2/902v572Ptr3P9r2f9s2v9s2/9p3P9s3P9r3f+jyefIssiC2val3vyR3PZ32fir1tKO2e1t3P971fmVz+ev4eex4N+P4sKJ3sze0n6t2NRq3P9v2v5s2f6N3PGy5OCO4sKZ4syQ4dB/1/Bz2v112/2J2vF52u213+md4MvS2tre3+az0+xw3P9y3P5x2v+qxfuy1/Hi1uLu4+bO1Odu2/921f9y2f+F3v6K3v6D3f5r2/9q2/9kV0tBAAAAYklEQVQI12NgwA0YmRgZGRiYYTwwyQQUA4MffxGCPIww8BrEZQELfhWFCTL/hQvKwcRu/QebBhbkhIJH+kgWGcBUnvyPMPMCozlY7DcTku1AmpHBhvHUr78MyIIMYKdDxBgA9jARjUCTVGUAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","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 create a multilingual CMS | TinyMCE"},"metaDescription":{"metaDescription":"Uncover the essentials of multilingual content and CMS. Dive into a step-by-step guide on building a multilingual CMS with TinyMCE and explore best localization practices."}}},{"node":{"title":"How to get and set textarea values with JavaScript","slug":"textarea-javascript-value","featured":false,"lastUpdated":"Oct 5th, 2023","description":{"description":"<p>JavaScript can set text area values quickly and dynamically. Discover the correct JavaScript methods to use when setting the TinyMCE text area contents.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"JavaScript can set text area values quickly and dynamically. Discover the correct JavaScript methods to use when setting the TinyMCE text area contents."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"images representing javascript and numbers around the rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7833333333333334,"src":"//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=739&h=414&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1926&h=1080&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=739&h=414&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1926&h=1080&q=50&fm=webp&fit=scale 1926w","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 get and set textarea value in Javascript | TinyMCE"},"metaDescription":{"metaDescription":"Dive into the essentials of working with textarea value in JavaScript: discover how to get and set textarea values, best practices for updating content and more"}}},{"node":{"title":"Keyboard shortcuts: creating, changing, customizing in TinyMCE","slug":"how-to-change-keyboard-shortcut","featured":false,"lastUpdated":"Sep 28th, 2023","description":{"description":"<p>This demo shows how to change keyboard shortcuts in TinyMCE with the TinyMCE API addShortcut, and what keyboard shortcut examples you can use.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This demo shows how to change keyboard shortcuts in TinyMCE with the TinyMCE API addShortcut, and what keyboard shortcut examples you can use."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A computer laptop is open with keyboard shortcuts displayed on the screen","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","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":"Keyboard shortcuts: creating, changing, customizing | TinyMCE"},"metaDescription":{"metaDescription":"Master the art of efficiency with our guide on TinyMCE keyboard shortcuts. Learn how to create, change, customize, and debug shortcuts. Enhance your editing workflow with these essential tips."}}},{"node":{"title":"How to add autocomplete in your app with TinyMCE","slug":"how-to-configure-the-autocompleter-api-card-menu-items","featured":false,"lastUpdated":"Sep 27th, 2023","description":{"description":"<p>This tutorial explains the autocomplete function for the TinyMCE rich text editor.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This tutorial explains the autocomplete function for the TinyMCE rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A computer with a text editor with the useful slash and at symbols around the screen","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","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 implement autocomplete feature in the textarea of your app | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to implement the autocomplete feature in the textarea of your app. Understand how to integrate it with a rich text editor for an enhanced user experience."}}},{"node":{"title":"Textarea onchange events and TinyMCE","slug":"textarea-onchange","featured":false,"lastUpdated":"Aug 22nd, 2023","description":{"description":"<p>The onchange event is important to understand &ndash; find out how TinyMCE provides easier onchange event management.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The onchange event is important to understand – find out how TinyMCE provides easier onchange event management."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The on change event represented by javascript in a text editor on a laptop","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","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":"Textarea on change events | TinyMCE"},"metaDescription":{"metaDescription":"Explore the integration of textarea onchange events with TinyMCE. This article delves into the importance of handling changes in textareas, the role of JavaScript, and how TinyMCE provides rich text editing and event management."}}},{"node":{"title":"Technical debt and types: The benefits of TypeScript vs JavaScript","slug":"benefits-of-typescript","featured":true,"lastUpdated":"Jul 26th, 2023","description":{"description":"<p>Heavy technical debt burdens can sink a project. But selecting the right language can help keep debt down. Find out what the results are after weighing up JavaScript vs Typescript, based on TinyMCE's development history</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Heavy technical debt burdens can sink a project. But selecting the right language can help keep debt down. Find out what the results are after weighing up JavaScript vs Typescript, based on TinyMCE's development history"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The rich text editor represented as a document symbol with TypeScript and JavaScript logos above it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA4VBMVEX+ov/+ov/+of/+ov/+ov//ov//o//+of//of/0nv2ikfzHk/v/n/7+o/z8p/H9of7/oP/1qvrlqu79oP7ql/ugoP3Gofn8nPz4usP12nz6p/D5of3xp/fnsPH/n//6rvX2rfTyufnzu/r4ut/20cj6rPbzsPj5wfr7wvv6svr+oP/9tP758/T18Or69vn59vny9vnt9fj36fr2vvbs1Ozr1uvtu+7+n//8tf358vb48vT4+Pj4+fj6+/v6/fv38/j3rPj6mfv8nf39n/7+pf/+uP/+t///uf//uv/+s///nv8Vl2KaAAAABHRSTlP9/v78RvGEPgAAAGtJREFUCB0FwbttAlEUQME5+64jixSJBojovwKX4MwSEikhKZ/1TANhB+g5CATYtYE2LNYiBqymquqBIeu7qqoeaLQ+p6qq6s9rcDxUVVVh4FBVVf1gcD9H1e26v0VfWMcL/N7f4JVA7ADbP7fqExxdbHuwAAAAAElFTkSuQmCC","aspectRatio":1.7816836262719704,"src":"//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=1926&h=1081&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2xiNigXJElGz4ouNTELxiO/d4d4fe5378e2be8bc1921dad842d168a/Technical_debt_and_types__The_benefits_of_TypeScript_vs_JavaScript.png?w=1926&h=1081&q=50&fm=webp&fit=scale 1926w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Millie Macdonald","slug":"millie-macdonald"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"Benefits of TypeScript over JavaScript: tech debt and types | TinyMCE"},"metaDescription":{"metaDescription":"Giving a preference to TypeScript vs JavaScript can have long term benefits in terms of dealing with technical debt."}}},{"node":{"title":"jQuery serialize and TinyMCE: Handling WYSIWYG editor forms","slug":"jquery-serialize","featured":false,"lastUpdated":"Jun 14th, 2023","description":{"description":"<p>Forms are everywhere, and handling form data is important. In this guide, learn how to use jQuery to serialize form data with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Forms are everywhere, and handling form data is important. In this guide, learn how to use jQuery to serialize form data with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content being serialized and being moved around in a text editor ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAw1BMVEWzqe+zqe+zqfCyqe+ypO+zou+yqfC1quyyqPCxp+/TwfLhyvXTwPKyqO+yqfGzqPC2re22sOKzo+mwpu3k4/D3+PL2+PLk4+i1qeW4pOW4puezqfHSz+Kvz8qyo+CwpOfn5vL///7q9fG65sytruq1qNW0qtqzqfKyqPHJvtKytNKwqPCxpu7l5fH9/fzu7f3g5enQzuqyrNOwqdu0qfGlm+DT0eXz8vzy8fvOzNqrpdOrn92soOG0qvGxpu2wpuyvpe7dZBhPAAAAAXRSTlP+GuMHfQAAAGBJREFUCB0FwTENwgAUQMF7TdMJFjYEMOIA9SSoQEANdCKEzx0AACjIWPwAClGZ5WugaLYq1WFQOldVVe3DCqeqqgpWXKuqqgNKzm5VVb2GIjx6utzfu0GB2HxgUAAA+ANxWRNIfngb2gAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","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 serialize and TinyMCE: handling form data in WYSIWYG editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to use jQuery serialize for form data serialization in TinyMCE. This guide provides a step-by-step process for effective implementation in your application."}}},{"node":{"title":"How to change CSS dynamically in TinyMCE","slug":"change-css-dynamically","featured":false,"lastUpdated":"May 23rd, 2023","description":{"description":"<p>Creating more interactive and responsive websites is important. Read on to find out how to change CSS dynamically with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Creating more interactive and responsive websites is important. Read on to find out how to change CSS dynamically with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The process of dynamic CSS set up represented by control symbols, and text changing color in the editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEWTgf+TgP+SgP+Tgf+TgP+Sf/+Pev+Nev+Rfv+SgP+Xif2+wvDSyvugkv6QfP+Qff+Rff+Tf/+hmfvm6t7w6umpo/uNdv+xtPHSy9zWzPLZ0Pfc0vna0vjGzfCilv2ei//VzPzCxfSYjfyNd//Y1vr8+/j6+Pz7+f3//v7///35/Pqxp/+Oev+UgP99nO50q+aGifiSfP+rn/3o5vj4+Pr19fn39/r///7///+zqf+Nef+DmvF/qeqLi/m4r/vk4+np6efn5+br6+v5+fn//v+zqP+Ugf+Vf/+Uff+PfP+ilP2tov6sof6soP6vpP+wpf+ZiP+Oe/+Rf//OsN+fAAAAA3RSTlP+/v6VFoksAAAAc0lEQVQIHW3BMQrCMABA0f+TtIO07noA8RwFD+xpOugqzkpF0GJNELGD7/GPkUwmZhJZMIMRSM8JEhAqs3tcgI7VAyO0wZnLgBHC2rmeBGz9QSGRtTo0FrfGMyRgpad+Z9HgEYx81HV3YMl1swf5UooX8AYCWhRulkVvGwAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","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 dynamically change CSS with JavaScript | TinyMCE"},"metaDescription":{"metaDescription":"Gain insights on setting up dynamic CSS changes, refining these changes, and understand the benefits of using TinyMCE APIs for this purpose. Start your journey towards creating more interactive and responsive websites now!"}}},{"node":{"title":"How to Migrate from Froala editor to TinyMCE","slug":"migrate-from-froala-editor-to-tinymce","featured":false,"lastUpdated":"Apr 27th, 2023","description":{"description":"<p>Migrating from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Migrating from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Symbols depicting the Migration to Tiny","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAArlBMVEXGuf/Huf/Fuf+/uP54r/e1s/3Es/zEr/bDtf/Et/7DuP6sreXCtv3Et//Ft//Dt/+4w/TZ1/fe1/bf0/Dc1/jKv/zFuP/Ut9PUxuTq6P7k4P3Kv/7Huv/Tz+Pu7+fz9fPq8fPw8/TSyfzexM799ur/////9t7n4/rIt/XAsubBuOm1uOTKupS2ud7Guf7UzPzy8P3x7vnx1LHl3vTIufrHuP27tPuzst64tPfGt/luGCJ0AAAAUElEQVQI12NgwAIYkVn/oUwmhBjjfwyVjEyMYPAdJsjFiAReMTCwgIzgRRJ7zQAR5OZBEvzyGSLIABW8qcHIeO8VzEwxBgbluwxg7n8GkgAAHTgM/+cb5/YAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","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 Migrate from Froala editor to TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Migration from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting."}}},{"node":{"title":"How to work with keypress events in TinyMCE","slug":"keypress-event","featured":false,"lastUpdated":"Apr 11th, 2023","description":{"description":"<p>Making an event for the keypress event does not have to be difficult. TinyMCE's APIs can help with the event listener.&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Making an event for the keypress event does not have to be difficult. TinyMCE's APIs can help with the event listener. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Keypress with colorful representation of keyboard arrow keys","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAvVBMVEXcuf/duf/euP/fuP/duP/IyOa8ztm+z9rVwfbeuf/eu//buPHfubvduMHcuf7duv/HyOa6yte8zNnVwPfguf/RsfbZtNP2ySnuw13bufXdu//gv//kyP7gvP+3rNR3wX+jr6TjuqHXsLO9mu/CnvfcuP/w5/v7+vziw/+hrLl52miCtZLXtfzFoPu+pfa4mfPUsfzu4fz17vzgwP/WtPiqqcXQsvHgu//Wsv25lvPEoPfZtv7fuf/euv/buP/ElWF3AAAAYElEQVQIHXXBoQ7CMBRA0Xvpc12CQLEEx///DJkkSASYTsx2RaxMwDn8Io1Q2UmAHkiVL0HCjgIETXaz5LmCgJ7dvCgQQL3aDQ8g+Mh2NInmND2H+yWm9+itsKPiUf5aAaj5ENxHC+2vAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","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 work with the keypress event in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"You’ll find out how to work with keypress events in TinyMCE: possible uses, configuration and testing."}}}]}},"pageContext":{"limit":12,"skip":12,"numPages":5,"currentPage":2,"slug":"javascript","title":"Javascript","page":"tag","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"]},"bannerForTag":{"bannerDescription":"See which popular frameworks TinyMCE uses for faster development","bannerButtonLabel":"Explore all our integrations","bannerExternalLink":"https://www.tiny.cloud/solutions/editor-framework-integration/","bannerIsEnabled":true}}},"staticQueryHashes":["2492987505","740350947"]}