{"componentChunkName":"component---src-templates-posts-tsx","path":"/posts/page/14/","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":"Understanding cross platform app development","slug":"cross-platform-app-development","featured":false,"lastUpdated":"Feb 21st, 2024","description":{"description":"<p>Getting started with cross platform app development is not without challenges. Find out the essentials in our new guide.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Getting started with cross platform app development is not without challenges. Find out the essentials in our new guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The steps of cross platform app development shown with Android icons, a phone interface, and iOS icons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAyVBMVEX+3OD/3OD/3eH/3OH+3uL+3N/+29//3N/93uH93OD74uX48fHN2tqy1NK61tXr1NH61tPy3d/s3t752Nf73+L73uH529r229nj5vHk7vLU0Nze19z42Nr03d/r3Nn008r929392t7+2t7+2uDz6/n87eTd2N/r5uvn09D+2tr45en44+X/29/72tz32Nna4e3V2dPC2+DX1djSwcb619z65On64+b/2+D/3eLhz7vYy7DI1tSu1dGu087x2dz109j62N3729z829ySwQDnAAAAZElEQVQIHQXBsRFBURRAwT38GQ3IFKAEodoVoQEzMtGPedduQAADQRBaDCEcS+ur1tjIqaqq2v1Ec66qqnrNbGi/VFVVLRuT97WqqhYht6qqz5MRHOfeY4lhCDoMshgI5LBggD+plh9Dd3iiZwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6VjjHZN8Kr1nKHY4SJJerz/60d0ed9bae480cbf511582778f7796eb/img-Understanding-cross-platform-app-development-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":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"What is cross platform app development | TinyMCE"},"metaDescription":{"metaDescription":"Cross platform app development can save time and resources, but it's not without challenges. Find out more about cross platform app development in our new guide."}}},{"node":{"title":"How to configure TinyMCE trigger save","slug":"tinymce-triggersave","featured":false,"lastUpdated":"Feb 20th, 2024","description":{"description":"<p>TinyMCE offers a useful trigger save ability through the TinyMCE APIs. Read on to find out how it's configured.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE offers a useful trigger save ability through the TinyMCE APIs. Read on to find out how it's configured."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The triggersave function with TinyMCE showing the connection between the rich text editor, and the API","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEWqtP+rtP+qsv+gsviktfmqs/+ps/+msP6Uu+S249a6yvKnsP+4v/25wfyrtf+stP+stf+stv+dqPfI3N3z/O/GzPittv+/xvvCyPu3vv60u/+xwviwvvq4v/6eqPfT2+Tu8urEyvPDyPfe3+rf4OzT1/K+wfyW2s+M2crCxvyqtf+fqffY2+fd3+uuveumtPivuP2zuvjBvua0uv6qxPCcy+G2vf2osv67wvmuuPyjs/eotfyutv27vO2ku/WptP+UfRzxAAAAU0lEQVQIHZXBsQ2AIBRF0fsM+YkBN3AX93cAKxvjAFrTKGgINBaewzeJlgA9iBQCmV5IOi/AweBUHSQOCKosAg5GNcg6WEK2eb+v/RwpzEgmED/do4sLPm/wnzUAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to set up TinyMCE trigger save | TinyMCE"},"metaDescription":{"metaDescription":"Discover the steps to create a reliable trigger save functionality in TinyMCE, and save your customers content before they get frustrated with trigger save."}}},{"node":{"title":"How to configure TinyMCE show and hide APIs","slug":"how-to-configure-tinymce-show-and-hide-apis","featured":false,"lastUpdated":"Feb 14th, 2024","description":{"description":"<p>Learn about the TinyMCE Show and Hide APIs, setting up a small demo using a button, and using a scroll event to activate the Show and Hide APIs.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn about the TinyMCE Show and Hide APIs, setting up a small demo using a button, and using a scroll event to activate the Show and Hide APIs."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The show and hide status brought on by the show hide buttons depicted with a minimalist editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA5FBMVEX/4Oz/uvn/t/n/ufn/uvj/5+n/0/H/v/f/6On/4+v/yfT/6ej/2e7/u/n9uvb8ufb9ufb/5un/1vD/uPn5tPLxrer0we767/j57/j57vj78vrz3PHrqeX/u/r/uPr4sfLtp+bxxOz6/fr2+vf3+vj////25/Tjn9z/uvv/t/r/wPf/3O7/5er/2e//zPPswPX7yPj69vr59vn49Pj79frs9/C23MS+scT/wfb/y/T/3O304en+zPL+w/f+wvf+yPb/y/btx+jAvMXQw8/+4er/3+z/3ez/4+r/5Oz/4e7/5O3/6Or0pDflAAAAe0lEQVQIHVXBsQ4BQRSG0e93h9jNlZiSeAvev9J6BIWERKm4jcQMOyuCc4SkivFLU+lR+TJAc6R75U8qzAQeC4mnoiNAOazXGxqcJ8ubcljvGlVTc10lPNb6czoqExhbfewpJHCCQ7eTLhtJBUeZJsAKjQOJkROFgdO8ACsgHnE7wHXnAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create a show hide button using JavaScript | TinyMCE"},"metaDescription":{"metaDescription":"Find out all you need to know on show hide buttons, following our guide on creating show hide buttons in TinyMCE to match uses cases like MS Word show hide buttons."}}},{"node":{"title":"Mastering Font Awesome in Vue.js","slug":"vue-font-awesome","featured":false,"lastUpdated":"Feb 13th, 2024","description":{"description":"<p>Font Awesome can be a design time saver. Find out how to set up Font Awesome in your Vue app in our latest guide.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Font Awesome can be a design time saver. Find out how to set up Font Awesome in your Vue app in our latest guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Font Awesome conencting with the Vue logo, showing the process of connecting Vue with Font Awesome","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA21BMVEVg2P9f2P9e2P9d2P9c2P9U2P9k2f9x2v5a2P9Z2P9V1/9u2v+84f9+2/+N3fvZ7fe96Pxp2/983P6w5v1z2f6p3f902v9b2P9Q1/+h3ff29vX89fG/5/in4f240vTk7/t32/6L2/R/1/Z02/962/3h6+7/+vfy8/Os4/rm8PzK0vDY6vdw3P+J192Myr+Q4PuI3fzZ5um84vST3fp52v3o8vfF4/OJ2fhY2P+C3veH3/Nh2f9S1P1/2fqt3PFw2v6I3f1c1/9h0/tj2f+I2fm12Olp2f9W2P9e2f8d2DRpAAAAc0lEQVQIHU3BIRLCMBCG0e/P7kShO4MD0/vfAAWnYAaBowYUhmRJCqW8Z3xIgBIz0YmkAklRAxBdMn09X4BoUs5a3AIc0KDVFOCgYaM/gAOPrVYVMKDcd3l2HMspAKMp097dD+P5cg0a0cmIGiyMWRDBzxsQOx7iiHax6gAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-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":"Fonts in Vue.js: a deep dive into Font Awesome and font customization | TinyMCE"},"metaDescription":{"metaDescription":"Explore the world of Font Awesome in Vue.js with our guide. Learn to integrate Font Awesome, and best practices for Font Awesome usage in Vue."}}},{"node":{"title":"Is there anything better than React? Discovering React alternatives","slug":"react-alternatives","featured":false,"lastUpdated":"Feb 8th, 2024","description":{"description":"<p>What are the React alternatives? Find out what frameworks provide an answer when React isn't the right choice.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What are the React alternatives? Find out what frameworks provide an answer when React isn't the right choice."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A rocket launch showing the power of React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAz1BMVEUA4KwA4awA4KsA4asA4KoA36pA3qsA4LcA4LMA3qqk49Kf6dIA5beq4sTp6eGE37YX4a2Y38ts4MYA2LCo087y7vyf3dVV48Sw5Mzs6uSF37YA4a2I3cZa4bk74LPg6OvO5uRW18J/3bdx4rmw5N574cU/3qho26Jr3qua5snu8/OS3cYA1q2U2J+W4LvG6fel5Nxc3KWW152a0qDe5dj//f7P5txzxaiV0KRs5Ltw58tM4rgA4q8A4K9i4rl25r5c4LVn4bg14rQA4rEA4KmoahRXAAAATElEQVQI12NgIAgYUSgmRgbGfwzMjH/+wQUZmVgYoeAzSJQFJMjPCAdf4YLcCEGwYSBBaWyCyCoRFkkrQoV+Hv2P7EIWFxYmIMDjBwBWfAvNNMVjIAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-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":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"Is there anything better than React? Discovering React alternatives | TinyMCE"},"metaDescription":{"metaDescription":"Explore top alternatives to React JS, evaluate its competitors, and learn how to choose the right framework for your needs."}}},{"node":{"title":"Improving our engineering best practices with semantic versioning","slug":"improving-our-engineering-best-practices-with-semantic-versioning","featured":false,"lastUpdated":"Feb 7th, 2024","description":{"description":"<p>What is semantic versioning, and what does it mean for you? Switching to semantic versioning is just one step you can take for engineering best practice.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What is semantic versioning, and what does it mean for you? Switching to semantic versioning is just one step you can take for engineering best practice."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The different stages and levels representing the specific numbering found in semantic versioning","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEX/yxf/yxb/yxX/yxP/yw3/ywT/yw//yxT/ywD/ygD9yif/ywP/yxD/zBf7zUbT1LO8ycPe0pj9yy//yx7/yxr/zBn6zEbM17yu1dPIxJr8yib7yjH/yxn5vTb5vzX/zRb/zA/6ySrrw0rd0JS10c7HyLnyyF//yxL6ykD/xwD9xx79yh/sz3q/2MzGx6zovHfIz8G6ysjh0JL/zBb/zAf7yBT+yQD5zUvM1ry3zcTjyHr/zAj/zAb7yBr/yw7/ywwGo4veAAAAQHRSTlPl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl3t+NJQAAAH9JREFUCB1dwYcawTAUBtD/puilYtemasVeoUaN938rPsToOXghQYggKxZP2IQ/NidT7KQFJD7IyWRzeS4UqeS6eCMuV6q1eqPJrbYHo+N3e/3BUI3GEwlDTv3ZfLFcrTesYbh6y7tgfzieWOOLVHjm4MJXwi8S1i1UAhH0gKc7tSUJ29tKf+kAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Bd9ENssvqhYSiDbIORoTr/269ba3a4694f50bfe57506ecc8e4d3ca/img-Software-Versioning-best-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Millie Macdonald","slug":"millie-macdonald"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"How Laravel and Composer work with WYSIWYGs","slug":"what-is-composer-laravel","featured":false,"lastUpdated":"Feb 6th, 2024","description":{"description":"<p>Laravel and Composer don't need to be a mystery. Read on to learn about installation, Blade templates, and WYSIWYG implementation.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Laravel and Composer don't need to be a mystery. Read on to learn about installation, Blade templates, and WYSIWYG implementation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The PHP name and the PHP elephant character meet with the Laravel logo to celebrate some documentation together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAxlBMVEXZx//ZyP/YyP/ayP/ax//Yx//ay//cyfvumLniseDPx/zQxvvbyPrhy+ngyOPq5vbx7O31qbPdqt7Rx/DYzPL028T51qDqwo/gyufQxffX0e7YyeLf0vDXyP/Zx/Lg0uj33bb/3qf515/02sLZyPzQw/i4r+64sO/QwfDj3/Dj1OPz1sL926z/4Kr/46j02cTYx/zWx/vHu/jCt/bSwfvf0/vdzPjmzuTjzeb427n73bHp0tvXx//Yxv7Yxv/Zxv/byPnax/2ucEpCAAAAQnRSTlPl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXJSvIEAAAAVUlEQVQI12NgwAMYkTlMMEFGZhYGViQVjAysjFDwiZHhP0yQDybI+Oo/VJBZjBEB7gIFWUBm8CAJgvhYBUG2M17i5j7PdYr9LDsb25H/cIcxMzMQBADAEAyJ38k4LwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-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":"Laravel composer explained: what it is, and how it works with WYSIWYGs | TinyMCE"},"metaDescription":{"metaDescription":"Explore how Laravel and Composer integrate with WYSIWYG editors in web development. Learn about installation, Blade templates, and WYSIWYG implementation."}}},{"node":{"title":"Blog UX best practices and mistakes to avoid","slug":"blogging-best-practice-ux-mistakes","featured":false,"lastUpdated":"Feb 1st, 2024","description":{"description":"<p>Create a better user experience on your blog with best practice design. Avoid these 7 blogging mistakes that distract from your content.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Create a better user experience on your blog with best practice design. Avoid these 7 blogging mistakes that distract from your content."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A bird sings a melody in a web page in approaval of the page good UX, while pages with bad UX languish in the background.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA51BMVEVg2P9f2P9d2P9W2P9W1/9T1/9T2P9U2P9V2f9a2f9f2f9g2f9h2f9t2f+V3vyN3++l1dWX2PGy1PquzPqjzfh10/hZye9h2P9Y1/iS3ez2+Pbm9eCx5anS8eX69Pn06/f27ffa4fZt0/Nj2flm1+Ws5dbq9+///fng6M/y8uX18Ovw8O748/Hb1OV01e1i2flc1/6C2vvS6vjb7/vR5u/Z7vnw8vLy8O779fPd1ud41fdi2f9e2f9h0/tZ1PxDz/Bi1/zW7fTw9fb1+v3C4/pj2P9b2P9x2v532v512v5c2P9e2P9Z2P8YHp5DAAAAXklEQVQIHW3BwRGCMAAEwD0MPpQC7L8IG1D+FhNezhDJ6MDHXf9EFz9NV3RJ5GtBwbSecqgU1FsOFQWZcrApuEzZvQYU5JqDzYA6z219nLssFUXXnjK+R/emi13QdB9YtBQc/v7Q2gAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/51zFlzMtZfYZ5d76q5TBfz/4ed8851dbbe7f841533a3b54d6c86c54/img-BlogUXbestpracticesandmistakestoavoid-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"Product-Led Growth","slug":"product-management"},"metaTitle":{"metaTitle":"Blog UX best practices and mistakes to avoid | TinyMCE"},"metaDescription":{"metaDescription":"Want to create a blog with an engaging user experience? Discover the top blog UX best practices and mistakes to avoid, and make your blog stand out!"}}},{"node":{"title":"How to add Font Awesome to Blazor","slug":"font-awesome-blazor","featured":false,"lastUpdated":"Jan 30th, 2024","description":{"description":"<p>Interested in Blazor, and need Font Awesome included too? Read on to find out how to set up Blazor with Font Awesome icons.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Interested in Blazor, and need Font Awesome included too? Read on to find out how to set up Blazor with Font Awesome icons."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Multiple Blazor icons representing the diversity and variety of font awesome icons appear in together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAz1BMVEXCrvzCrv3Drv3Crv7Cr//Cr/7BrvrBq/2/qvzAqv3Aqv6+q/fNl9/Hp/a/r/2/r/zErP2nu+OTxNnMvvfZzPrZy/vazf3Hw+y4nK+5pt/VpMzcob7Ar/24sfStr+7n3/vz+/ax7M3w+vXt5vy8r+/Dt+7Xo9Tdosm/rffDrvzCrfy8qfnm3vvv+POb58Dr9/Ls5PzYwdbm0Lq8qfq2sfamu9bCrfrBrPzMvPrVxvjSxPbMvPbAqfLCsunAq/yys+izs+nDrf3BrP3AqvzBrf37dJc8AAAAaElEQVQIHQXBMY6BARSAwfn4QyLEAXQKV3B+UW6/2XYLN1CJeGYAAECQITAQyWBVbwxRy2tbVfX8GNGxqqrqYUSdqqqq/sYCh6qqKs3C+L1Ws6oqYw09Lpuf82zv/7v9DQEBMAQAYvAFr4cZwf0HkEEAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-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 add Font Awesome to Blazor | TinyMCE"},"metaDescription":{"metaDescription":"Follow the new step-by-step guide to set up a Blazor Font Awesome solution for your project."}}},{"node":{"title":"How to create Bootstrap inputs","slug":"bootstrap-inputs","featured":false,"lastUpdated":"Jan 25th, 2024","description":{"description":"<p>Bootstrap inputs can save you time and energy - read on find out how to use Bootstrap classes for a more professional look.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Bootstrap inputs can save you time and energy - read on find out how to use Bootstrap classes for a more professional look."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Bootastrap logo checks on an input form in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEW93/+94P++4P++4f+/4v+83/+73//A4v+42fmtx+693P+/4P+w2/Ws2+rD4f3Q5PjP4vfP5Pmxz/F3bLeSbs6pvOu12fLC4t3i8/DT6fnf6PPc5e/e6fXC4f7A4/+jvON6Ua6+qtypvOa63v7M4PX2+fXy9fXM4vm42f273P+rxut3YbCfmc+uye+12/rL4PT6+PXx9PjF4fitxvGnuOm/4f++3/+wzfG32Pm73f/K3/fh7PjG4v263v283f272/xdVJAVAAAAXUlEQVQIHZXBIQ7CQBBA0f8nO6qjcT1G738CFIYDILFrEN0WCCmKhPf4Qb4JuBsD1hQeQANMd718yg4NjEm9n3ypDoKzh+sABOfycF4hYNyq6jK98WG0JSTTiOAvG7ldD6p4d3fWAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-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 create Bootstrap inputs | TinyMCE"},"metaDescription":{"metaDescription":"Discover how using Bootstrap inputs in your forms can save you time and energy, as Bootstrap classes quickly style inputs, and give them the much needed professional look"}}},{"node":{"title":"How to get content and set content in TinyMCE","slug":"how-to-get-content-and-set-content-in-tinymce","featured":true,"lastUpdated":"Jan 24th, 2024","description":{"description":"<p>A brief guide on how to get and set content in TinyMCE, including related FAQs like how to set content on initialization and how to get content without any HTML tags.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A brief guide on how to get and set content in TinyMCE, including related FAQs like how to set content on initialization and how to get content without any HTML tags."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"All kinds of content including text, video, and images being collected and set in an editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAz1BMVEX5q/P6q/P6q/P6q/T5q/P7qvT6qfT4q/T6qvTyrvD2rfLkx/HI0vDawPHrpfHxr/H4p/P7q/TPvOPivezS39nP4bbX2d3hxb/XtuDzo/Pvr/H5qPP6qPT6qvPup+3rsO3jxtjDxLK2uMy1q8ajjeDnte7szO70yfH2xfL4rPL5qvPtpu3sqOzkm+xudOygrPC0v/NScevNuOTj0d7o2ubn0uX0rO/7q/Pzp/GPguqQjuuomuujh+vinu34p/D2pvDvpvHxpvH3qPL7rPT6rPSbYVaoAAAAAnRSTlP+/qap3hAAAABoSURBVAgdBcGxMQRgFIDB/d79BMY1oA6x2q8NGhDIzIiMe3YBAEBDACzMGe6Z6u/yy0CH9VhV9W2HDvvwVFVVn9JhX6qqqj5y4FpVVeU+B969VlX5MjpY9q1+nm+QgVaX6XqDCBBY4B/PDBUc0FJGtAAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ElZ819XSaYszxbXjWNQIm/0b9d3a3f5f46c2a6ecccb3b3d3db954b/How_to_get_content_and_set_content_in_TinyMCE.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"How to get content from the editor and set content | TinyMCE"},"metaDescription":{"metaDescription":"How to get content from the TinyMCE editor in JavaScript. How to set content in TinyMCE. How to get content out of TinyMCE without HTML tags."}}},{"node":{"title":"How to use Font Awesome with React and TinyMCE","slug":"use-font-awesome-in-react","featured":false,"lastUpdated":"Jan 23rd, 2024","description":{"description":"<p>Font Awesome and React can combined to create a rich UI design, especially when combined with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Font Awesome and React can combined to create a rich UI design, especially when combined with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A pair of happy icons team up with the React library logo to work on font awesome in React JS","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEV+//99//98//97//9//v98/f509/l5//91//+++/vY8vLX8vLD+vp///+A//9//P6Q+vuN8vKK6OuU9fit+vu8+Pi3+Pib/f2E/f267/i18PiC/v6B9fXl8O309PPU0ODh4vHr8u/m8Ojr/v2P+PiR9ffG6vfC7PeE/v5+7Ozy8PD////28/j48fb2srnutrPo8/mB8Pp4/v6O+vqK+vp/7e3u8fH+/f35yM/9ztTQ6PRp4fZ6//96//58/Pyd/Pyj//+i//+k//+e//58/f14//92//8pCi3EAAAAYElEQVQIHQXBwQ1BURRAwTnyI/GCjuy0baEAiSpUYEXimgEAAAEIAwSoBmMQbFVV333vH6FzVVXVa2zYnaqqqrDBqaqqegw7OB7NWmut9TwMQpeK6jYg6BrcPwMEAgbwB/piFDweuOcQAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-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 use Font Awesome with React | TinyMCE"},"metaDescription":{"metaDescription":"Integrate Font Awesome with React and enhance your TinyMCE UI: a step-by-step guide to setting up, customizing, and securing your icons and editor."}}}]}},"pageContext":{"limit":12,"skip":156,"numPages":56,"currentPage":14,"title":"All posts","slug":"posts","page":"posts","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]}}},"staticQueryHashes":["2492987505","740350947"]}