{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/7/","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":"How to set up a Vue emoji picker","slug":"vue-image-picker","featured":false,"lastUpdated":"Dec 12th, 2023","description":{"description":"

Vue can elevate your applications with useful features like access to emoji. Read on to find out how to easily add an emoji picker to your Vue app with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Vue can elevate your applications with useful features like access to emoji. Read on to find out how to easily add an emoji picker to your Vue app with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Vue Icon stands next to a number of emoji being selected or picked from a window in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAzFBMVEXVxvTVxvXUxfTUxfXVxfXWx/XXyfTl4PHo5PHn4/Hd0/PWxu/YyvXZzfTXyPXg1vTf1/Lg2vHe0eXp17bdz9rf2+zj4OrUxfK6w9DExd7cz/Dr5+f39PLy3bn38en09fb09PPa1OnTxPPWxvXXyPbDx93KyOjPxdbW1Kn6+O3xx5Tz1sH+//////7Tz9vRwvHYyPbWxvfbz+X48NH//fj57sb37tv4+fr9/vzTztzSwvHXyfbf1fnf1Pne1Pne0/jd0vbf0/fUx+/UxPThp1OeAAAAX0lEQVQIHQXBMQ4BUQBAwXnxO+sS27qB0sHFSSSiV1Ft7DcDAAACASYQJPUDE6FRVd+lz7AROu2Hqqq3jQH7UlXV8dU0sFZVVcGA57mqqiC0elyqqvs0BeQKbkwAAAV/OfkTWsJuNQoAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-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 setup Vue emoji picker | TinyMCE"},"metaDescription":{"metaDescription":"Elevate your Vue.js development with our tutorial on adding and customizing the Vue emoji picker for a richer user experience."}}},{"node":{"title":"Automatically paste clipboard content into TinyMCE templates ","slug":"paste-clipboard","featured":false,"lastUpdated":"Dec 6th, 2023","description":{"description":"

You can paste clipboard content automatically into TinyMCE templates - read on to find out how to activate this option and enhance your templating process

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can paste clipboard content automatically into TinyMCE templates - read on to find out how to activate this option and enhance your templating process"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Automatic copy and paste represented by classic imagery of a stamp copying content onto new pages from printed pages","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAzFBMVEVd8bxd8rxc8rxY8rxZ8bxc8Lxb8rxW87xc77uF6bxo671b67pa8LtV8r2A6b6H575a8bxu7bac36WY5r9t7b6l4Jm52o19577iwcvIzcVk8Lxc8LtX6cJX5tRk6cZX8cCr3q/mxHj06dmt8dZ76r5h5r5Y7b1b775T5eRO4fNP5dZo78DH6tXi3M/K59yD5sJq57dh6blb8L1Z6sBX58Nb7rtY8rta77t77sNX7rlO7Ll96L9n7btk7rld8rtd8bta8rxX8rtb8r1a8b0Id4XRAAAAXElEQVQIHXXBMQ4BYRRG0XsnLxoSvUVYgq2LjagVOuWIz5OR+RvO4RdZyFcA+VBsSOZA0YSNi4cBAdm7us+haAeHG1C0nUOAol2PriIU7bn1Mp3M5PllQJoM4Y83L54UHGqFtSIAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-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":"How to paste clipboard content into templates | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to paste clipboard content automatically into your text editor, enhancing your templating process and adding productivity to your content creation"}}},{"node":{"title":"Mastering find and replace in TinyMCE","slug":"find-and-replace","featured":false,"lastUpdated":"Nov 21st, 2023","description":{"description":"

Elevate your content management experience with find and replace available out-of-the box. Find out how it works in our latest article.

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

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

\n

 

","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 set and get cursor position in a text area","slug":"set-and-get-cursor-position","featured":true,"lastUpdated":"Nov 14th, 2023","description":{"description":"

This article steps through a few ways how to set or get cursor position in a TinyMCE text area

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This article steps through a few ways how to set or get cursor position in a TinyMCE text area"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A cursor appears in a text editor along with other content behind it, set by end users represented by people icons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAQIFCP/EACEQAAEEAgICAwAAAAAAAAAAAAECAwQRAAUhMROBIjLB/8QAGAEAAwEBAAAAAAAAAAAAAAAAAAEGBAj/xAAiEQABAwMDBQAAAAAAAAAAAAABAAIDBBEhBRKBFDFBUeH/2gAMAwEAAhEDEQA/ANj66K3MlJadeTHbNW4rocgft+sqZHFjbgXXLdFTx1UwjkftHvkD7wqE7Ua2OypyPsw+rzLQG/j9QkkKsHrgD3mdk73O2lqq9T0KipYuogqAQSQBg4AJ73z4HKjXmxQqGCExJqr4HQwTubbb4CXBJf/Z","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=2217&h=1245&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=3850&h=2162&q=50&fit=scale 3850w","srcWebp":"//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=2217&h=1245&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=3850&h=2162&q=50&fm=webp&fit=scale 3850w","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 set and get cursor position in a text area | TinyMCE"},"metaDescription":{"metaDescription":"Finding out a specific place in a text area can be difficult. We’ll go through a few ways how to set or get cursor position in a text area with TinyMCE"}}},{"node":{"title":"How to enable image upload in your Vue app","slug":"vue-image-upload","featured":false,"lastUpdated":"Nov 7th, 2023","description":{"description":"

Explore drag-and-drop features, image picker options, and more for an improved user experience running Vue with image upload.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Explore drag-and-drop features, image picker options, and more for an improved user experience running Vue with image upload."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An image works it's way toward the Vue logo, through an upload step, representing Vue image upload","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAn1BMVEX/oKr/n6n/nqj/n6r/oKb/n6j3r7vvvMj/oaz/nar7pKz+oqv/oKv/oav9pq/4xqnmzMrU7Prg2OL/rLTXvreS3MXur7H/najrvra67+mD59i0sKivzrwA6slF5snura/7rLTitbf8q7Pksbpj5tClxrHwn6WB3cOczsHLurb5pav4rLK7ycH4rrTvoqnkqKr/m6e4ybrlr7D/qLD/nqrhYXtqAAAAUUlEQVQI12NgIBYwQyhGJkYg+z9UkBFMsjDCAMNnqCAzN1zszV+4Sm5euCjjQ6AwC0iQB6GUEW7RV1k2thsybJfffRO/8B/hBpCcCTPcMUQDADD2DSqXh5SIAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-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":"How to enable image upload in your Vue app | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enhance Vue app image uploads with TinyMCE. Explore drag-and-drop features, image picker options, and more for an improved user experience."}}},{"node":{"title":"Mastering React image upload with TinyMCE","slug":"react-image-upload","featured":false,"lastUpdated":"Nov 2nd, 2023","description":{"description":"

Mastering image upload in React is a matter of understanding what to post to the server. Find out how to add TinyMCE to your React app for image upload with an end-to-end demo

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Mastering image upload in React is a matter of understanding what to post to the server. Find out how to add TinyMCE to your React app for image upload with an end-to-end demo"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The React library icon handling a number of image related symbols and icons to represent image upload with react","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEWR+P+R+f+Q+f+P+f+L+f+N+f+S+f+Q+v+j9vzH8/bN8fC59fmT9f6V9/+U+f+V+v+V+f+i7fWU+P+T9fzA8vbq3s713rHb7OiV6fiN5++I8fWN7PKK5e2S9vua2MqU9vyU9/666vbJ7PO0xrDPs5LV29aZ8vWf8vaO5uyK1eKI8vRi4tOS+P+f8/ux8fbg2dHg1Mbi0NCm5/Gm8vfM7vGa7PSV5/SO7e6J5t+T+v+U+P6l+f+g+/+g8PmZ8/uR9v2W8/mT8/iR9vyT9v2V9/6P+v+Q+P/aTx5qAAAAbElEQVQIHQXBQVXDUBRAwbn5TQQggNN9FSCACmeFB1YoqIDQPmYCYgAIosEEYyHb1hr7ejmeEu1/R1WlepiLnG9VVVUPLvRe1e+1qh8kt6qqqr5NtJ8fVVX1dQ6oba3Prfu94yiCAGAIgDDgHyxyFyB+QPR7AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-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 React image upload | TinyMCE"},"metaDescription":{"metaDescription":"Explore image handling in React and TinyMCE: from understanding uploads to importing images. Follow our guide to enhance your React applications with seamless image uploading using TinyMCE."}}},{"node":{"title":"Mastering document formatting in TinyMCE","slug":"document-formatting","featured":false,"lastUpdated":"Oct 31st, 2023","description":{"description":"

Find out all you need to know about document formatting in TinyMCE - from formatting types to essential steps.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out all you need to know about document formatting in TinyMCE - from formatting types to essential steps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The formatting options that make up document formatting options combined together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA8FBMVEVA/90//90//94+/94+/908/900/90q/90v/t45/t07/945/94w/901/95C/95E/t1A/twd/dtl9tq37chy6MhM7Ndp7tU9/944/92b++XB9+mn9uRi985e+tE0/96T++PX8+3t6ubl5MGN58Rd89c8/96M99+s7NuS79pP+9pa/dws/929++v////s8fTm48x68MhE/Ns8/99S+9Bu9LNq9ti369yW38957dW29ubF9unn+/bW5NRQ6cs3/95C/9xO/dRk8taN28py4s5O99h9++Cu7+Cx8eKB9d0x9dg4/944/dw7/90t/9xi/d4z/91Fwag6AAAAbElEQVQIHW3BIRLCMBRF0fuaz4SgK5hhAWyCldfiEZ1KbEXbDWDSDzFNBOfwjzhIwt0BASKw46bis4NAXNRYHYPQq7WCwOJN1ZjBIN/VcEBAeOjwWoAOyM85pTSdhxjfG1X3Y6eriUJUAqf4Ak2hF6eY+UqwAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-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 document formatting | TinyMCE"},"metaDescription":{"metaDescription":"Navigate through the essentials of document formatting in TinyMCE. Explore various formatting types, and learn practical steps on how to format documents effectively."}}},{"node":{"title":"How to set up a TinyMCE textarea with autoresize","slug":"textarea-autoresize","featured":false,"lastUpdated":"Oct 26th, 2023","description":{"description":"

Find out how to configure it with the TinyMCE Autoresize plugin, how to set up textarea height, or make textarea non-resizable.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to configure it with the TinyMCE Autoresize plugin, how to set up textarea height, or make textarea non-resizable."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The image resize event shown with dimensions and handlebars ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAArlBMVEX+k57/k57+kp3/lJ/+lqD5maH+lqH+kZz7j5r9k53/jpn/jJj9jZr/kp3+l6H5mqL9mKL7lZ/oqqnr09rqytj0vL/3rK39laD/l6L/k5/kraunz7vVwrrS5/ep5vjJ6M7z4sD2nqj8lp//lqH/kp77l6Dwmp71tLnN4+u75+a85uzu09j6jpn9k57/l6H/laD/mKP8paz0r7XuwMj3tb3+jpr+lJ//kJv/jpr/kZzjrOioAAAAWElEQVQIHQXBsRUBURRAwbn8wLGb60Gi/x5EyDWx4mcGQAAIAhjghDBBgXCuqqrDYMG1qqoDhG5VVfU1LMxWVVVgwfabvaqeBgsub/Z7r8cHCBBgAAAK8AdTGg/72oz7iAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.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 set up textarea autoresize | TinyMCE"},"metaDescription":{"metaDescription":"Discover all about textarea autoresizing: how to configure it with TinyMCE Autoresize plugin, how set up textarea height or make textarea non-resizable"}}},{"node":{"title":"How to add a WYSIWYG editor to your PHP website","slug":"add-php-wysiwyg-editor","featured":false,"lastUpdated":"Oct 24th, 2023","description":{"description":"

PHP, the enduring language. Find out how to add a WYSIWYG editor to your PHP website

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"PHP, the enduring language. Find out how to add a WYSIWYG editor to your PHP website"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A WYSIWYG is assembled with PHP referenced and a list of requirements under the WYSIWYG heading","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAUI/8QAHxAAAgICAQUAAAAAAAAAAAAAAQMAAgQFERIhMUFx/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUH/8QAIREAAgEEAgIDAAAAAAAAAAAAAAIDAQQREjFhBSFRgbH/2gAMAwEAAhEDEQA/ANgoXVra1uwKoT3uRzwPk02V2RcpTNTJYkWRtWbBY3mhwdZhqbibnG2DLWAspZHUAfYAJ8SVbX088+jxarjvn8LF54+C3g3jlozZ+acdU91z9kOWyCIAgCAf/9k=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=2217&h=1244&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=3850&h=2160&q=50&fit=scale 3850w","srcWebp":"//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=2217&h=1244&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=3850&h=2160&q=50&fm=webp&fit=scale 3850w","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 add a WYSIWYG editor to your PHP website | TinyMCE"},"metaDescription":{"metaDescription":"This comprehensive guide provides step-by-step explanation on how to set up rich text editor for your PHP website."}}},{"node":{"title":"CSS wrapper options for content built in TinyMCE","slug":"css-wrap-content","featured":false,"lastUpdated":"Oct 18th, 2023","description":{"description":"

Find out everything you need to know about CSS content wrapping, and best practices to get it done with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out everything you need to know about CSS content wrapping, and best practices to get it done with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The concept of css content wrapping represented by the CSS curly bracer syntax","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAqFBMVEXVn//Vnv/VnP/UnP/Xp/7ctvzeuP7euP3Xpf/Wn//asf3cvPfdvfnevfnVwfjPxvjcsP3WoP/Vnf/brf/iwv3auPjcuPvdvfrauvvKmvjet/7br//Unf/etv/euf3Zsvr57P3+8vz+8/v67v7Uo/rcs/7ft//csP/QmvnetfrLyuXgtvnhs/3QnPjWov/Zqf/TnfzOn/msv9vMoffSm/zTnvzXnf/Wnv+O1Wc4AAAAWklEQVQIHZXBsRGCUBBAwfeEQAjpQ/qvgw5sADMGGGeOu29gYuIuv0ijAhFBkWKngB5BkjKYML1IPWmyYFmBnjT6tQI30ja+h+bpRpIy+3HGQpLGOw8X9uA/FyPiEidDkrq2AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-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":"CSS content wrapping options | TinyMCE"},"metaDescription":{"metaDescription":"Explore CSS wrap content and wrappers in TinyMCE. Learn to implement text wrap and discover best practices for content wrappers."}}},{"node":{"title":"How to generate a flexible and sortable HTML table","slug":"generate-sortable-html-table","featured":false,"lastUpdated":"Oct 12th, 2023","description":{"description":"

Tables are great for displaying data, but it can be hard to manage HTML tables. Read on on to find out how to create flexible and sortable HTML tables.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Tables are great for displaying data, but it can be hard to manage HTML tables. Read on on to find out how to create flexible and sortable HTML tables."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two HTML tables sort their row and column content by swapping with each other.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABj1BMVEX/Zmb/ZmX/ZmP/Zlv/ZVP/ZVH/ZVD/YlD5cVfwemP1cWb/Y2T/ZWb/ZWD1ZoHqZ5XsZ5LsZpLsYpKgmp5qv62Xq3//ZWT/ZWX/YV//WU20YM8xZv9GZv9Ma/9tgP1nif1mhNrTgmb/ZGL/ZGT/YGD0e3vvoqGxottppf9xovx/lfmcqvqWqf6Abdz8ZGL/b27/cXH/cHD/WVnisbSt/P+w+v639/rY4urd4erN1/GEedf0eXj9eXj/eHj/d3f/W1rMub6Q8PeX7fOX6++Y5uvF3evE9Pi99/yt6/jC7PDrqqz/dnb/VlXlra+z//+2/f+4/f+r6fZ8nO+s8P20/P+z/P+u///mtrj/cG//WFfnr7Kw//+1//+6//+v8f91pfKV5u2W7PGV7PKO7/XPub7/aGf/b2//X17viozgv8GxvuF7wP12tfp4nva0+f+y/v+v///orbD/V1PrU3vJTZLLSo7IbpvG3eLF6OvE5uvF6O3qnqH/Y1r/Y1P/YU//XE3/YV3/XFv+W1v/YWH9Xl6dMWbvAAAAaklEQVQI12NkAAJGJPAFyGcBCTJww8W+gRUBsTiKypdgleK8yIJ8EEEGPiAbYS7UTGSVz6SxCGo8wyLIqHEIYSYIPFBkZLx9HSjAzMDw9YkGFysIiLGxsd159hUsyPD18T0jVihQOgUUBABDQxVwb2MhvwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-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 generate sortable HTML table | TinyMCE"},"metaDescription":{"metaDescription":"A comprehensive tutorial on how to make a HTML table sortable with TinyMCE’s advanced table plugin."}}}]},"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":72,"numPages":20,"currentPage":7,"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"]}