{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/html/","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 Create an HTML Text Field: Input, Textarea & Best Practices","slug":"text-entry-input-fields-html-form-design","featured":true,"lastUpdated":"Dec 23rd, 2025","description":{"description":"

What is the correct HTML for making a text input field? Find out how to use <input type=\"text\"> effectively and improve your web forms with best practices!

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What is the correct HTML for making a text input field? Find out how to use effectively and improve your web forms with best practices!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Create an HTML Text Field Input, Textarea & Best Practices","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABxVBMVEUJE1QABk8AB08ACE8ABk4KElQJElMIEVMACFAAAE4AAE0AAU4ABE4ACVEADFQADlYADlQED1QJElQAAEwAAEsBCE8ABU8GDlEFDlENF1YOKl4NN2YPLmANGFcAB1AAAEdbXHWJiph8fI13eIl8fY2EhZSFhZQqLFkAAEQEDVARGFQED1MAFFkAKGAAQWsPNGIPGVdSUW1+fY2DgpKPj5x2dYeCgZB/fo57eot+fo5XWHEFD1IAAFI9QmlkaIMgLGMABlcACFFDUG1dboNTY3tib4NRZXxZZ31ba4FZaX9qdIdHR2cAAE8BDlMAAFW1tb3S0tZ6fI4ABE8AAEkAQWYAZoAAXHgAS2wAVnMAXXgAWHUAP2UGElUEFFcABFaam6a8vMNfYn0AAFYATGwAa4MAX3oAYXwAZH0AZX4AYnwALVoED1UTIFoSIVoAEVgAE1gAGVsAGVwJPmcPJ10ACFIADE8AGVMAD1AAF1IAFlIABVAKFVcJN2EFPWMSH1sIFlYADlUHIlwOQ2kQKV4AB1ILElQFClEIFFYQIloPIlkLF1cBClEDD1QHFFcIFVcJE1UKE1QLFFQAClEBDlQBDVQLE1UKElPj027lAAAAkElEQVQIHQXBsU1CUQAF0HseP4F8NAGCHQk7sIIVNY07WNlAZSzA0kFMGIAtaBkCEysSifzHORJRRZKklgR9ErW4SNKC5uG339ZSL4Pb488UYA7g/AQ4NRkDTI4L4NpkDOAZHJaxglpwWAL7q9UI8P0CQPtK13P72gDg07akS/H/Ae87NEN/SZIY0r3V9WzjDhWYIf7U8QzVAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4JQfyLWjcmB0u2ZP2hVi2T/a6063a19951dfa7f1ee9f1b02990c29d/How_to_Create_an_HTML_Text_Field__Input__Textarea___Best_Practices.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"HTML Text Fields: How to Use for Forms | TinyMCE"},"metaDescription":{"metaDescription":"What is the correct HTML for making a text input field? Find out how to use effectively and improve your web forms with best practices!"}}},{"node":{"title":"What are Line Breaks? Learn How to Add and Remove Them","slug":"remove-line-breaks","featured":false,"lastUpdated":"Nov 21st, 2024","description":{"description":"

Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to remove line breaks in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAyVBMVEWl8PCl8fGj8fGh8PCj8PCl8fCy7u677++67++u8PCi8fCk8fGk7Ore8fHv9PX4+fn6+fr++/vS8/Sm5+ut7e6k8e+m8O+h7+7h8/P49PT49/f69/T++vXZ9PXXvM3eu82v7eqm8Oyg7+/i8/P79fX7+vr++/j//fnX9fXUy9naytip7/Cl8PGi7+/f8vPy8Pjv8Pj7+vv//f7T9vac7euj7+6k8vGz8PC58O+68fG78fC88vGu8O+e7eyh7u2i8PCb7uyg8PCg8O/OBbikAAAAYUlEQVQI12NgwAIYISQjiGb8y/IbzGUBizEzAUX/M7Ex/mH4D1PJyM0IB6//Q1VyIQvCtDMgBB9oX4EKfkMIfrsCt53FGCp2+D/cdgYNDsbDdoyH/oLthgMdoA4dHQZ8AACeiRNqOtUiuwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"What are Line Breaks? Learn how to add and remove them | TinyMCE"},"metaDescription":{"metaDescription":"Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts"}}},{"node":{"title":"How to Align and Set Text Direction in HTML","slug":"how-to-align-text-in-html","featured":false,"lastUpdated":"Sep 20th, 2024","description":{"description":"

TinyMCE makes setting alignment and direction in HTML straightforward. This versatile WYSIWYG rich text editor lets users adjust HTML text direction with a simple click.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{"dir":"ltr"},"children":[{"type":"text","value":"TinyMCE makes setting alignment and direction in HTML straightforward. This "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"versatile WYSIWYG rich text editor"}]},{"type":"text","value":" lets users adjust HTML text direction with a simple click."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two arrows pointing in different directions ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACLlBMVEUPGTYPGTgQGjoRGzsRHD0RHD4SHUASHkITH0MTIEUUIUcUIUgVIkoVI0sWJE0WJE8XJVAXJlIXJ1MYJ1URHD8SHkAYKFcRHT8TH0QVI0wVI00WJVAXJ1QZKVkSH0MSH0UTIEcTIUgUIUoUIksUI00SIk4RIk8TJFEWJlMZKloRHkIOHEIKGkMIGkQIG0YIHEgJHEkJHUsEHEwAF0wAAEgAAEoNIVMXJ1caKlwMG0INHEQXIkgQH0cPH0kQIEoRIUwQIU4AGUw0O12ur7dna34AD1ARJFcZKVoaK14SHkMACj9kZ3Wqq7GpqrGpq7Gqq7KoqrGtrrb8/P3o6OpTWHIAGlUZKlwbLF8GGUQZJUopMVI7QVw1PFo1PFs3Pl03Pl4yOl1LUGvDxMmFiJYAHFYOJFoZK10bLWEEGUUAD0SFh5HDxMhKT2cxOVo3P2A2PmA2PmI8RGYrNmAeLV0RJlwaLF8cLWMADERSVmqtrrWqq7Oqq7SqrLVmaoEAIFsaLGEcLmQUIUkUIkoMHkoAAkVnanuur7Y0PF0AG1ASJFQUJlYUJlgVJ1kXKVscLV4WKV4XKmAbLWIdL2YUIk0JHk0AAEYAAEkAGVAIIFMOI1UPJFcQJVkRJloSJ1wUKF4YK2AdMGcWJE4VJFETJFISJFMVJlUYKFkZK14bLWMcL2YeMWkXJVEYJ1YZKlsaK1wcLmMeMmsXJlMYKFYZKFcdMGgfMmwZKFgbLGAfMm0fM27U278lAAAA0klEQVQY02NkYMQBBBg/IXOZmYCEMOMnQRCHl5eRh5GbkZmdkZlR+N8ncYSy18zsPIwswv9EUcx6xsMPFPukgmrBRwGWf5+cIBwGuDv4GdkF2S1R3QJUKfhRXADM/sQPV8nyEaT89n/161pAAyAmcDFylaN75b0QS3k3bxWy0Kf3QnxM3bwdNXxAMJ937W7uGyc532vycTELd+TNyT7kk/fdx+TYA0aPq0LMXGwsQDE27mmM7BMYZ/ELeFwUUvrGxsrIP4ctexpLOlAsfwNEjIMRAGHENdauL3HrAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Align Text in HTML - HTML RTL | TinyMCE"},"metaDescription":{"metaDescription":"Comprehensive guide on aligning text and setting text direction in HTML. Learn various methods and best practices."}}},{"node":{"title":"Understanding byte offset and WYSIWYG cursor position","slug":"byte-offset","featured":false,"lastUpdated":"Apr 18th, 2024","description":{"description":"

Byte offsets, and how they affect WYSIWYGs, is important to know. Read on to find out more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Byte offsets, and how they affect WYSIWYGs, is important to know. Read on to find out more."}]}],"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":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"Understanding byte offset and byte offset meaning | TinyMCE"},"metaDescription":{"metaDescription":"Find out the important byte offset information you need to know to understand more about byte offsets in your WYSIWYG"}}},{"node":{"title":"How to customize HTML table backgrounds in TinyMCE: color, image, and beyond","slug":"html-table-background","featured":false,"lastUpdated":"Mar 13th, 2024","description":{"description":"

HTML table background colors and images don't have to be complex. Find out how to set up HTML table background colors and background images with TinyMCE

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"HTML table background colors and images don't have to be complex. Find out how to set up HTML table background colors and background images with TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A table in a window on a laptop has it's background colours adjusted","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAAAwFBMVEUt7pYs7pYr7pYn7pUc7pQk7pUq7pYq75Yl75Uf75Qn75Um7pU17pdd7qI57pgA75IC75I27JlX7aE275YQ7pN976/r9O6p78Va7qJl7KGZ18jO3PGC7LYG75Eb7pRh8KXF7dLg0NLU3NTX19Hp1d/89P+m78gA7pAo7pYF75Rs56DgxsrZ2tbe1NTiz8/I9tiC8LEK7pIe75VW7p+g6ruj7L6j676J67AA7pIO7pMo7pUg75UA75EA75Mj75Up7paIkNYlAAAAWklEQVQI12NkAANGxv9gGkIyQkgmRgj4DhZlAYtxQcUY//38DxNk4IQJcj1FCMJVMrL8wiL4B27m/1sGMEGwRUwQl1zhuM1+k42N7TjETVB3MrHZszExMuABAKcFFBAvYbqOAAAAAElFTkSuQmCC","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?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":"How to Customize HTML Table Backgrounds in TinyMCE: Color, Image, and Beyond | TinyMCE"},"metaDescription":{"metaDescription":"Looking to customize HTML table backgrounds? Our article walks you through the processes of color customization and image implementation, plus best practices for optimal design"}}},{"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 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":"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."}}},{"node":{"title":"How to create a table of contents in HTML with TinyMCE","slug":"html-table-of-contents","featured":false,"lastUpdated":"Sep 20th, 2023","description":{"description":"

Solve your table of contents design puzzle with our new guide on setting up a table of contents in TinyMCE, and managing tables of contents in HTML

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Solve your table of contents design puzzle with our new guide on setting up a table of contents in TinyMCE, and managing tables of contents in HTML"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Roman numerals represent the table of contents, with the word HTML nearby to link HTML and table of contents together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAEFBgf/xAAfEAACAQQDAQEAAAAAAAAAAAABAgMABREhBAYxEhP/xAAXAQEBAQEAAAAAAAAAAAAAAAAABQcE/8QAHBEAAgIDAQEAAAAAAAAAAAAAAAEDEQIEEnEF/9oADAMBAAIRAxEAPwDfLXbmufJESyxQjRZ5pFQBcgE7Iyd+VrU0qhx6avxWY/BC58uU0vXRPd56lbuqcniQcK6m6vNH+rOqp8KMkAZVjvXlcOjty7ayykj5S9sofQ04dN44xydN+UVWqhHDGaAQUL4MUFUOgP/Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=2217&h=1244&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=3850&h=2160&q=50&fit=scale 3850w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=2217&h=1244&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-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 create a table of contents in HTML | TinyMCE"},"metaDescription":{"metaDescription":"Understand how to create HTML table of contents and dive deeper into automating the process with TinyMCE."}}},{"node":{"title":"How to add line numbers to a textarea","slug":"textarea-line-numbers","featured":false,"lastUpdated":"Aug 15th, 2023","description":{"description":"

Are line numbers useful in a textarea, or do they just get in your way? Find out whether they're right for you and your app in our new guide on textarea line numbers.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Are line numbers useful in a textarea, or do they just get in your way? Find out whether they're right for you and your app in our new guide on textarea line numbers."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Numbers from a cloud are appearing in a text editor, representing the idea of line numbers in a textarea","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEX/xjr/xjr/xjn/xjj/xjf/xjL/xSr/xBv/xSH/xjP/xjv+xjf+xTP/xTT+yl/904v51Zf+xjj/xzr/x0P7xiv2zG346Nb69vH6/P738uz0uYb/wUryzEvyykz/xzb1vVf4xWvz8Oj5/v/8///9/f/5qbD6vGPj0Frkz1z/x0T/xzTwumX0vVz25sn27+z64OP7zND7oKPpvXLxyD7/xzz/x0H/xzP/xi38yl/8w2L9uln+ulL+vFr5xVDzyED/yEf/x0L/xi7/xy7/xy//xzL/xzhWlXUTAAAAAXRSTlP+GuMHfQAAAF1JREFUCNd1z7ENgDAMRNH7iCKBbMAatIzOHmwBVYDKFCEBFHGFLT2dZBlUp00LCZnsjTQAnMLtGfEA4Dd8hXRELCEDJWHNzfAg+ZAt4xfv2UyxB2anwzKqvGD6ywVITRCN1U8UQQAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.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 add line numbers to the textarea | TinyMCE"},"metaDescription":{"metaDescription":"This article provides step-by-step instructions for enabling textarea line numbering in TInyMCE and offers tips for customizing the line number counter to enhance your text editing experience"}}},{"node":{"title":"HTML spell checker compared to Spell Checker Pro","slug":"html-spell-check","featured":false,"lastUpdated":"Aug 3rd, 2023","description":{"description":"

Learn how to enable and disable spell check on specific HTML textarea and input elements in your online applications and forms, and how a premium spell checker can help take your applications to the next level.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to enable and disable spell check on specific HTML textarea and input elements in your online applications and forms, and how a premium spell checker can help take your applications to the next level."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two spell checker options facing off against each other, representing the decision to choose different spellcheck options","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABDlBMVEV5hv94hv94hf93hP9ygP9wf/9xf/9ygf91g/92hP92g/+Djv63vPext/inrfqdpfyNl/ypsPmzuPm9wfaTm/h1gv+Cjf3DxuzR0ufU1+nd3enJyOV2g/uSm/vX2Ojc3OPU1eSPl/V2gPt5g/p3ivy/xfPh4vfb0uzV0fCQmflvgP93hf+7ueDa1tLKyuCEjviwzd3A1OKXnvbe3vH3+fP28ez38u+uru2GhvV8hf3Hvtnh29HQzt+Kk/i0yt+vw996hPu7wP34+vL2+PT79+Dy34+3rteJlPudpfaZofZ3gfx1gPxuff+xt/zs7frm5/ve3vK7t9mSl/Jzgf90gv96hv99if5zgv9wgP90g//0BKh5AAAAfElEQVQIHXXBsQ3CMBRF0fucD7YVKQUNA0DHDrQsjBREyw6MkIKWgpBINhgECgXniC8JyBkwCpczOBVDAgPiKFmvoGIEBFWY6+na6KVLGMwWKhq9dWCwuiw14W8YsNZUAoNz2ErHnT7AQe5PdZ0PbRvC3nt/58cmxsrxzwMEHRrMJvj1JgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/gHuTeDLnD3w936B0hQFug/370cb847602fa5b1dbd3a022a2d33704/HTML_spell_checker.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":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"HTML spell checker | TinyMCE"},"metaDescription":{"metaDescription":"Discover the spellcheck attribute in HTML, learn to improve spell checking with TinyMCE, explore the benefits of using TinyMCE, and see examples of its use in textareas."}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":4,"currentPage":1,"slug":"html","title":"HTML","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":"Want an IDE-like editor within your editor to modify the HTML? ","bannerButtonLabel":"Explore Advanced Code Editor","bannerExternalLink":"https://www.tiny.cloud/tinymce/features/advanced-code-editor/","bannerIsEnabled":true}}},"staticQueryHashes":["2492987505","740350947"]}