{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/textarea/page/2/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way","description":{"description":"Understand the Tiny Way - our heritage, values-driven approach and thinking through stories from and about Tiny people and culture, technology and the world at large."}}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth","description":{"description":"Everything from product roadmaps and market fit, through customer acquisition and onboarding to retention and product-led growth, can be found here to help you grow your brand, company and product."}}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG","description":{"description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects."}}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design","description":{"description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences."}}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights","description":{"description":"The perfect source for all web application and software developers, as well as engineering teams who want to stay up to date with the latest development tools, developer insights, leading edge thinking and experiments."}}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source","description":{"description":"Having a vibrant open source community is a vital part of TinyMCE, so you'll find important open source contribution news here – both from our own community, and from other open source projects in global communities."}}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":{"description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms."}}}]},"allContentfulBlogPost":{"edges":[{"node":{"title":"How to style text in your rich text editor","slug":"style-text-area","featured":false,"lastUpdated":"Mar 9th, 2023","description":{"description":"<p>For styling text, find out how you can put together plugins and options to quickly create all the text styles you need in TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For styling text, find out how you can put together plugins and options to quickly create all the text styles you need in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The word style with some letter colour change on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEUXIk8XIU8WIU8UIE4PHU0LGkwOHE0RHk0PHk0SIE4UIU4WIU4VIU4LHFEACEoHGU0AAEEAAEMAE0wAFE0AHFAUJFQSHk0AAE+bnai9vsSkpq+Bg5Nsb4OoqrR8S2NdLlYAJFkTIU8QHU0AAEiys7vg4OPV1drGx83W2NzTztHiiFq3ZUgAHlQRIU4TH04AEVJucYWTlKF2eYqjpK6ys7xydYeFYlJrT1EAIlkTIVMAAEcAAEAoMFYcJ1IAAEQADk8AG1ETI1QSH00QHk0GGEsIGUyu1yGbAAAAV0lEQVQI132OsQ2AMBDE7IgKaJmFktlhEWoGQFAlNElIgbjmJet0fviI+UiC1EKDKqonQAcwVOYVc9PJN3tpjg3kAx5VFOYy6Rqrvb8XdQvZbn1YUuInD8CWDjKiue2CAAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","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 style text in your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"We’ll go through the many options of textarea styling that are available within TinyMCE rich text editor."}}},{"node":{"title":"How to enrich Blazor TextBox with TinyMCE","slug":"enrich-blazor-textbox","featured":false,"lastUpdated":"Mar 8th, 2023","description":{"description":"<p>Find out how to get rich text editing in your Blazor textbox &ndash; the configurations in this article show how to fine tune the integration.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to get rich text editing in your Blazor textbox – the configurations in this article show how to fine tune the integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The blazor logo on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAsVBMVEUjNHcjNHciM3chM3ciNHcdMHYXLXUeMXYgMnYSK3QACG4YLnUWLXQADW4VLHQhMnYAH3GbnrHf4OTe4OOWma8AH3IZLnUAE29+gp708/ns6P/Wzf/d2Pd3fZsAGXAfMnYAAGyprLrn4v+1pPudgvrm4f+hpbcAAG4AFG9/hJ7p5/nSyP/19vh0epwAGXEAIXHc3eTd3uSVmbAAHnMYLXUTK3QAC24bMHUXLnUAC28UK3Tc4dJ0AAAAAXRSTlP9g+pWxwAAAG9JREFUCB0twTEOAjEMRcH3ExMQEtqSE3D/09DSIiiXDu3G2AkzEpOEO4MbQ/UitGknSYRqmlaCG6n3syYnGKktmi4rwUhX/b1JhfQ6hX4MpEL6PtrzsLTWPiQjldJuCncnSaTq5mjTTnCJScKdwX8dfB1VhkJYKgAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enrich Blazor textbox with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Find out how to get rich text editing opportunities in the textbox of your Blazor app and many of its additional configurations you may need."}}},{"node":{"title":"How to add text animation to your app’s textarea","slug":"create-text-animation","featured":false,"lastUpdated":"Mar 1st, 2023","description":{"description":"<p>It's possible to animate text in TinyMCE - here's how to do it: the text animation examples are a good place to start.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It's possible to animate text in TinyMCE - here's how to do it: the text animation examples are a good place to start."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A transition of a circle shape through different hues and transparency, representing animation frames","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCf/EACAQAAIBAwUBAQAAAAAAAAAAAAECAwARMQQFBhIhUXH/xAAZAQACAwEAAAAAAAAAAAAAAAABBgIDBQT/xAAgEQABAwQCAwAAAAAAAAAAAAAAAQIDBBEhMQUSQVGR/9oADAMBAAIRAxEAPwDO7S6VZZ4o2cRKzBTI2FBOT+U2tZczblxzzgG1cRh0b7dvybu0zWZB0Jt1v2HU4v579pr5Lh6agpYZ4ahJHP2mMY2lvmfZnwVMk0jmOZZE8koun8xS/wBTtBxqLYqKBGYo0XCgX+VYjUTSAVRgAWq4gf/Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create text animation in your app’s text editor | TinyMCE"},"metaDescription":{"metaDescription":"We explained how to get started with text animation creation with TinyMCE - the advanced way to style the text in your app’s textarea."}}},{"node":{"title":"How to enrich Django TextField with TinyMCE","slug":"enrich-django-textfield","featured":false,"lastUpdated":"Feb 23rd, 2023","description":{"description":"<p>Find out how to set up an enhanced Django textfield for your app with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to set up an enhanced Django textfield for your app with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A representation of Django on a background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAk1BMVEUjNHciM3chM3ciNHceMXYXLXUhMncTK3QAB24XLHUZLXYACG8gMnYAGnGXma/e3eXc3eSYm7IAHnMAFXB3epr39vno8u3S5tvy9PZ7fqAAAG2ipLf6/Pys0r6jzbj2+vmlp7wAAG4fMnZ3e5r29vjy+PXa6+Lx8/V7fqEAFXHe3uWZm7MAH3QABm4WLHUYLXYdMHY8RHL7AAAAaElEQVQI12NggAJGJiZGBlTAzMTCysrCxIwiyMbOwcnFzc6DLMrIysvHLyAoxIpsAo+wiKiYuISkMA+yoJS0jKycvIKiEopKZRVVNXUNTR40M7W0tHVQzATarqunj2Y7xJ0GaO5E9REAUxkFwRTPPWMAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","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 enrich Django textfield with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"In order to set up enhanced Django textfield in your app with the TinyMCE editor you’d need to follow the simple process described in this article."}}},{"node":{"title":"How to change the text area background color with TinyMCE","slug":"textarea-background-color","featured":false,"lastUpdated":"Feb 9th, 2023","description":{"description":"<p>Learn how to change the text area background color and much more in this guide</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to change the text area background color and much more in this guide"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A WYSIWYG with an alternative colored background. ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEUXIk8XIk8XIU4WIU4WIU0WIEkZIT4ZIDoZHzkYHzkZIDkYHzoYID4XIUkVH0kiLWE8S54+TZ86SZ06Sp05SJwwQpswQpkfKl0VIEkXIk4UHT8kNok/Y/9BZf8/ZP9AZf86YP0gM4AVHkEUHD0jNodCZf9FaP9FZ/9EZ/9GaP88Yf0fMn8VHT8UHT4jNok4YP84Yf83Yf82X/8hM4AVHkAVHkMhMnwzVeEyVeQyVeMyVeUyVN8gMHUVH0UXIUwZI0wZIkcZIkYZIkgXIU0WIUsWIEpdAdZqAAAAAXRSTlP9g+pWxwAAAGdJREFUCB0FwbFRw0AUQMF9mhvmxKgA1+AqKJ0WSHDqUA0Qf3YLAIBZoAIzAwuOo1LV36DoqipV3WbBVdWoemPBWSVVsOCzInMULNhVqIIDc7723nvvvX4+BoXHs77xNfN7MwUCDMw/nvUXN0+Uk88AAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","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 change the text area background color | TinyMCE"},"metaDescription":{"metaDescription":"There is a plenty of text area background customizations available in TinyMCE. Learn how to change the text area background color and much more in this guide"}}},{"node":{"title":"How to automatically insert special characters in your content","slug":"insert-special-charcters-automatically","featured":false,"lastUpdated":"Jan 26th, 2023","description":{"description":"<p>With the new Advanced Typography plugin, you can add professional typographical symbols into your content. Here's how the plugin works.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With the new Advanced Typography plugin, you can add professional typographical symbols into your content. Here's how the plugin works."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A rich text editor with typographical symbols appearing inside it.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAgUDBAn/xAAhEAABBAEDBQAAAAAAAAAAAAABAAIDBCEFETESIqGxwf/EABoBAAICAwAAAAAAAAAAAAAAAAIDAAEEBQb/xAAZEQEBAQEBAQAAAAAAAAAAAAAAARECIRL/2gAMAwEAAhEDEQA/AM9dKqQS3GNtdQg2JcWc+ius+bnjXSm1rTNLbUe+rJMZWgdj2uz42x9R8TrfUuF7a+OFlTkvQxtGMIZF1ZjATYpMANkwD//Z","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","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 automatically insert special characters in your app | TinyMCE"},"metaDescription":{"metaDescription":"Automatic special characters insertion can be implemented with Advanced Typography TinyMCE plugin. Follow the detailed setup process described in this article."}}},{"node":{"title":"Easy comparison of IDE vs text editors for developers","slug":"text-editor-vs-ide-vs-code-editor","featured":false,"lastUpdated":"Jan 12th, 2023","description":{"description":"<p>Confused how IDE differs from text editor? Get clarity in this article, which explores the major differences between the two.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Confused how IDE differs from text editor? Get clarity in this article, which explores the major differences between the two."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"IDE and Text Editors separated by a large slash character to represent the divide","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABHVBMVEUMEywKESsGDioACSgABycBCygIECoMEiwLEisHDyoABCYACCgSFy4FDioAACIAAB4AABkAACECCykAACUkJzdVV143OUUbHzJUVl55e3+am556e4ABCigABSdAQkxcXmQ9P0kJESsIESsWGzBGSFFsbXOJio5tbnQAACQeIjRUVV1UVl0AASYIECsGDyoAACMAABsAABE7PUhcXWQ+QEoAAiYKEisEDSlRU1pWWF8iJjYACihFRlARFy2HiIyPkJOQkpVBQ00AAB8ABicSGC5OUFhZWmEqLTsAACBISlNub3SDhIhyc3lLTFUvMT8wM0BbXWNJS1MAABp7fIGio6acnaCFhotXWGAEDik8PkkxNEEYHDEgIzUkKDgpLDsiQMDLAAAAtElEQVQIHQXBzUoCYRhA4XOcV2f8xgqin01K1CIIail449Gqfd5BP1gGFUUmgUiT49jzCKiqVaG6bioCiraq88KkzlsQ0CTVpXuqs6MnEE5U/TxUm8z7ClrwVpZl+TFIKUVv2q2ADOqffHuR78TkoF73x3kNAkMfs373a1/V5wkIwy3V6bGqXsUvQW5Pr1fNuaKmP8iIUadzs7l8fVncnUVE+70mYLxieTEumt3v2e3g4XQD/17JNp95bZJAAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/0yNGl6CZizsVGScJAIfXz/08db183d82e5cc2285830849c35f1dbf/img-ide-vs-text-edtor-version2.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"Difference between text editor and IDE and code editor | TinyMCE"},"metaDescription":{"metaDescription":"Confused how IDE differs from text editor? We’ve covered the major differences and provided examples to clarify this"}}},{"node":{"title":"Types of text editors and how they compare","slug":"text-editor-rich-text-editor-differences","featured":false,"lastUpdated":"Jan 10th, 2023","description":{"description":"<p>What exactly is the difference between a text editor and a rich text editor? There are key differences between the two. Read more to find out!</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What exactly is the difference between a text editor and a rich text editor? There are key differences between the two. Read more to find out!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"the text \"abc\" separated by a slash design - one set of letters represents rich text, and the other plain text","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEUQGDcPFzcMFTYKFDUIEzUIEjUPGDcOFjYXHTkZHzocITwmKkAbITsPFzYHEjQvMkYmKkE5O00nK0ERGToOFzYAAC9panOTlJl9foReYGozNkgEEDQRGjsACzJMTlpiY21WWGNHSVcoLEEKFTgMFjYABDEAACwAAC4ACTIJFDgMFjkDDzMGETQPGDkJFDUoLEIeIzwYHjoQGTpiZG2XmJyEhYtjZG49P08BDjMRGTkADDNXWWROUFxBQ1IqLkMACjI0RrLIAAAAhUlEQVQIHU3BVwKCMBAFwH0hsqjEFrB3VLB3sXv/W6kfQGboD8KSOQGbDGAnXyi6DDKokluuVGuW0ppSnl9vNFvtju5Sxuv1B8PRONAKoAQm01kYzRfLlRSgBDzmdbDZOru9AGX0wT+ezpf4CkrdtLrHj+frLUEG8Cf0I6lsMoGFYAX6+QLiDQnnchezaQAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/uNU6A66teS8fo5T53R8Ze/459cd63f3249eccc77b471823a08110a/img-plainvsRich.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Types of text editors and how they compare | TinyMCE"},"metaDescription":{"metaDescription":"We looked at the types text editors that are out there, what features they have, how they work with HTML and when it’s best to use specific text editor types."}}},{"node":{"title":"How to add WYSIWYG editing to your project management platform: a tutorial","slug":"add-wysiwyg-editor-to-project-management-tool","featured":false,"lastUpdated":"Dec 14th, 2022","description":{"description":"<p>Find out how to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Project management platform tutorial in large letters filling the image","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEUQGDcPGDcPFzcPFzYKFDUEETQEEDQDDzQCDzMCDjMEDzQIFDUiJz8xNUctMUUsMEQvM0YzNkgqLkM0N0khJz4JFDUNDjNNTVpycnpsbXVnZ3B1dXx4eYBsbHRlZW5qa3N2dn1QUV0ADDISGDcoGzkqGTglFzcjFjcmFDYnFjckFDYiFDYlFDYmFjceEzYfFzcUFzYOFzYVGjsXGzwYGz0WGjwVGTsWGTsWGj0ZGz4aHD4bHD8aHD8cHD4ZHD8VGz0QGDgPGTgQGTkPGDgQGToPGTkRGTsRGToRGjsSGjtlLH63AAAAXklEQVQIHQXB0Q0BQQBAwXnrBJEoQiNqVwGN8E9i1wwAAAgFWbAW0ahUc+5911xinKrSGnNXr2mTc1WqqjfpWlVVfY71sHGpqqqqO5v1vJWU+h5CyGAOwA8AAAAAAP7B7BYMfiw/EAAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":" How to add WYSIWYG editing to your project management tool | TinyMCE"},"metaDescription":{"metaDescription":"Configuration steps needed to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools."}}},{"node":{"title":"Text modification in popular rich text editors: Under pressure","slug":"text-modification","featured":false,"lastUpdated":"Dec 7th, 2022","description":{"description":"<p>Rich text editors modify text, but not all editors can achieve this basic function &ndash; find out how the different editors perform their core function.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Rich text editors modify text, but not all editors can achieve this basic function – find out how the different editors perform their core function."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"graphical representation of a rich text editor options being customized","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEX16b/26b/26b716b316L316b7z6MDy6tD7+O38+e77+e/7+fD59+z168fy6MXq5tvj7Pfl4vXv4OLw1tzx5/Dz6sv26rr26bzy58Ds48nk4tHl287q2L/Ywbvlzc7t1svm2dXg4NXv5cn26r/t28LRxNPK3M/M3snl3sXr6+j16+726vHv6vvp8fzw6tn16r/z5r/p3b/n373n37zv5MD59OP59uj59uf69ub69ef17M7367/26r716bz16Lz16LuIghAdAAAAXUlEQVQIHQXBMQ5BQQBAwXk/q5BoiZb738MJtKKm1YldMwAAAKgQQFCJtX2BAaOqav5AsNtXVfWeLcF2qqqq51oGXKqqquOLAYeqquqOAR9nqqzbXAS68rAAAADAH0B2EwprALmQAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"David Herbert","slug":"david-herbert"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Text modification in popular RTEs: Under Pressure | TinyMCE"},"metaDescription":{"metaDescription":"We compared text modification functionalities of the most popular rich text editors and highlighted their advantages and disadvantages."}}},{"node":{"title":"How to add drag and drop in your app’s rich text editor","slug":"drag-and-drop","featured":false,"lastUpdated":"Nov 24th, 2022","description":{"description":"<p>Discover the steps to complete to enabling drag and drop within your app's text editor&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover the steps to complete to enabling drag and drop within your app's text editor "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"an initial image being dropped into the primary image imitation drag and drop","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Drag and drop elements within your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"A step-by-step guide for enabling drag and drop features within your app's text editor."}}},{"node":{"title":"How to create a rich text editor using Javascript","slug":"javascript-rich-text-editor","featured":false,"lastUpdated":"Sep 28th, 2022","description":{"description":"<p>What does it take to build a JavaScript rich text editor? Find out the costs involved.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What does it take to build a JavaScript rich text editor? Find out the costs involved."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Geometric graphic showing red and blue cubes that appear to be falling.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABGlBMVEVSVqEXHGJRWG2BhagAAE0ACUIAEUMMG0oWIU4XIk8MIKMeIXQRIEkbJWGcoq26wM5ITIMCFEcZHW4lLFUjLVFMU3GmrLmXm8YaJKYZIFEVIU11fIifpL0qLm4VH1AAAFAAAG8cHn4WIEs2QGFDSIsAAGRTWm5obo0fKlU5QGESHkyQlKCprreBhZw5QWdIS34gKVYzOWESHk0WIU/S1tvm6vJ6f8YAAHwbJkghKlEyOVkTH00VIU6tsbqipskAC7cIHKZARWxWXHZ7f6IbIFoUIE0AAFYAAHQAE7EcJJYIFkY4QV0sM2MPG08AG1wOJGMyNowKEV9janm2vM1QU44BE0cTIE0pNFdJTW8ADkJBSWZgZZYhIY0QHEnAaLvTAAAAOklEQVQI12NkYIQBBjhg4YIKfWdAEuSACnK+RxLkhAo+Y8SiEkk3A6M2zJ5rWLQjK8Uv+J6BgEVYBQEEKAWNgzXDUAAAAABJRU5ErkJggg==","aspectRatio":1.778169014084507,"src":"//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1515&h=852&q=50&fit=scale 1515w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2kFLBHtKWMdB53O7nl31D4/db0877fb84cc94931740bc6709242421/img-tinymce-js-rte-alt-1.png?w=1515&h=852&q=50&fm=webp&fit=scale 1515w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"How to create rich text editor using Javascript | TinyMCE"},"metaDescription":{"metaDescription":"Creation of rich text editor that fits all your users needs is a complex task. We’ll go through some major stepping stones and considerations for this project."}}}]}},"pageContext":{"limit":12,"skip":12,"numPages":3,"currentPage":2,"slug":"textarea","title":"Textarea","page":"tag","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]},"bannerForTag":{"bannerDescription":"See an interactive demo of TinyMCE for CMS","bannerButtonLabel":"Explore our starter config","bannerExternalLink":"https://www.tiny.cloud/solutions/cms-editor/","bannerIsEnabled":true}}},"staticQueryHashes":["2492987505","740350947"]}