{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/6/","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 paste to Markdown in TinyMCE","slug":"paste-to-markdown","featured":false,"lastUpdated":"Mar 26th, 2024","description":{"description":"<p>If you need the ability to paste to Markdown for your customers, find out how TinyMCE's Markdown plugin works in our new guide.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you need the ability to paste to Markdown for your customers, find out how TinyMCE's Markdown plugin works in our new guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A stylized image representing the ability to paste markdown into TinyMCE 7.0","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEXczP7czP/dzf/dzv/ez//f0f/g0v/h0//i1f/j1v/k1//l2P/k2P/dzf7ezv/fz//g0f/h0v/i1P/j1f/f0P/byv/cy//dzPzg0/zg0f3h0/3h1Pzo4fjn4Pjn4fjk2vzay/rO08zq6u/u6vrh0/Xh0vfh1P/j1//n3v319vPb3dvs7urw6/3ZyPza5Mzx9evq7evh1vng0P/m2/349/ri4ebz8vXt5/zb1Ozm5uT09PTv8PDh1vrg0v7f0v3f0f3czf3m4+3l6trs7+jw7fje1Prczv3byO/Zx/Lg1frj4enk4O/f0vzby/7dzfvczPzcy/7by/vbyv7M/6awAAAAjUlEQVQIHUXBywqCUBiF0W/r0TgaEUUXmtS79MANepagcdCoEAdWIuqfXV1LdASoh+PLUr09BC6Y1C6bCnSZ15FKa4U8vpipd1qfWyXm26X+DulDsQsa7ql+joYPrmFMxea0iD5WmfIbSs1bMcq3etvLAAd3r3o8UGeHjI6GNGY2ylujY7yEMSRRVWL0ngRmMCckWmznAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to paste to markdown into TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Discover the essential feature you need to in order to paste to markdown into TinyMCE, and what happens when you paste to markdown"}}},{"node":{"title":"Understanding clipboard history and undo redo levels in TinyMCE","slug":"erase-clipboard-history","featured":false,"lastUpdated":"Mar 19th, 2024","description":{"description":"<p>Find out how you can get control of the editor undo and redo history in TinyMCE</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how you can get control of the editor undo and redo history in TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two documents representing the states of change when managing undo redo and clipboard history appear together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAApVBMVEWUv/+Tv/+Rvv+Sv/+Svv+Vvv+gwv+Vvf+SvPmdvfOqvOCUv/6pw/jZ3/be3djc16bi3JLJz8+jve6uu9qVvv2Qvf+sx/rg8fXb5cTz5WH36GXa2K6SvP2Nv/+PwPqTwP+cpOKqntTu6/7j5+D26XD46mfh3Z2juuOZvPORwP6WtfSZr+21y/6ux/fG0cu/z9qlxPCYvfiWvvuSwP+Pvv+Ovf+Qvv92LrJCAAAAUklEQVQIHZXBMQ6CQABFwfd0E7TG2t77H4OCi9BCYYLr3yjUMMNh8qN+4LLSSOPVeHe6VKAQejPu6kIUmt7NRBTi6Y5Gwpd/YyUKUeeHiEPlpC+bFw0pv23PlwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.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 understand clipboard history in your WYSIWYG | TinyMCE"},"metaDescription":{"metaDescription":"Discover all you need to know about clipboard history in your WYSIWYG using TinyMCE APIs to completely erase copy and paste history"}}},{"node":{"title":"How to customize HTML table backgrounds in TinyMCE: color, image, and beyond","slug":"html-table-background","featured":false,"lastUpdated":"Mar 13th, 2024","description":{"description":"<p>HTML table background colors and images don't have to be complex. Find out how to set up HTML table background colors and background images with TinyMCE</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"HTML table background colors and images don't have to be complex. Find out how to set up HTML table background colors and background images with TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A table in a window on a laptop has it's background colours adjusted","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAAAwFBMVEUt7pYs7pYr7pYn7pUc7pQk7pUq7pYq75Yl75Uf75Qn75Um7pU17pdd7qI57pgA75IC75I27JlX7aE275YQ7pN976/r9O6p78Va7qJl7KGZ18jO3PGC7LYG75Eb7pRh8KXF7dLg0NLU3NTX19Hp1d/89P+m78gA7pAo7pYF75Rs56DgxsrZ2tbe1NTiz8/I9tiC8LEK7pIe75VW7p+g6ruj7L6j676J67AA7pIO7pMo7pUg75UA75EA75Mj75Up7paIkNYlAAAAWklEQVQI12NkAANGxv9gGkIyQkgmRgj4DhZlAYtxQcUY//38DxNk4IQJcj1FCMJVMrL8wiL4B27m/1sGMEGwRUwQl1zhuM1+k42N7TjETVB3MrHZszExMuABAKcFFBAvYbqOAAAAAElFTkSuQmCC","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Customize HTML Table Backgrounds in TinyMCE: Color, Image, and Beyond | TinyMCE"},"metaDescription":{"metaDescription":"Looking to customize HTML table backgrounds? Our article walks you through the processes of color customization and image implementation, plus best practices for optimal design"}}},{"node":{"title":"How to add fonts to your Django project","slug":"django-font","featured":false,"lastUpdated":"Mar 12th, 2024","description":{"description":"<p>Django Fonts don't necessarily need a template. Find out how to configure fonts for TinyMCE in our latest guide.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Django Fonts don't necessarily need a template. Find out how to configure fonts for TinyMCE in our latest guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Django font abilities demonstrated with the Python logo, and font icons around it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEVk86Rk9KRj9KRi9KNh9KRi9KRr9aht9qlk9KVd8qFb6Zx48alt86Zn86Vf9KKM8bTG3M3H38+A5qpm55+j7L5o0Zmo3bqh77qI76dy8qZh9KNz8qqW5bKV5LBp76Rz76fj7Obk7eh5yppr66Nh7qRg9KNg9KBm66R23KmL76vu9fD7+fx90aJZ651i7KRl9KVg9aR94KjIyZSG66HT797x8fGA4adb65xm9aZp86N/7p9t56Jz8air8MN176hP245k8qRg9KVj8qRj86Nh86Jg86Ni8aLyVoseAAAAZklEQVQI122OsQ3CQBAEZ04fENAFORW4cspAIiSjBWQC+4/kzH/ARKvRarVSCJBTDkkg3OkADYhsujcV373k2cHnj3xtx2Zchr1nNfvzerg1AQIgH6diuoRtUfVmDokI+Xs/YTX4As6NGDcTucNgAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-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 Django fonts and python fonts | TinyMCE"},"metaDescription":{"metaDescription":"Find out about Django fonts, using python font options and Django font configurations for your project"}}},{"node":{"title":"How to create React show and hide components with TinyMCE","slug":"react-show-hide-component","featured":false,"lastUpdated":"Mar 6th, 2024","description":{"description":"<p>With TinyMCE, you can show and hide the editor without extending any React components. Find out how in our latest guide.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With TinyMCE, you can show and hide the editor without extending any React components. Find out how in our latest guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A spotlight from binoculars shines on a React demo app, with show and hide buttons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA51BMVEWA7/Z/7/eA8PeB8PeC8PeC8PZ/8Ph+8Pd/8PeI8fii7fWP7fN64+WE6OqC7/aB7/aA8feB8fiB8viA8fiA8PaH8vmp6fOb293T6uTZ5fCf7PaY9fuO7PSJ4++H5/CJ7PR/8vh/8feC7vSF6O/A4+b/+vnc6/ad8fen+f6a1t+TocKkpsPheL+roMyL5fB+8feE7/WE5+3C4uX8+fjF9fiZ9Pmg+P2S4eqMyduXxdi7vtyU0uWE7PSG8fiH7PKo6e6v8vaH8PeE8PeD8PeC8fiA8vh89Pl/8/l98Pd67/d97/Z/7/aA7/cKYiufAAAAX0lEQVQI12NgwAIYISSQ+ocqyMzI+JeFkfEXWOAfVJCFlREOPv4TegMRFGREAg//QQTlkAUZL/9jAZnDhyx2RugNWJAXyj9nzMh48hfETGaG/25Aoa1McOshwIeBIAAAykYUBRTQSZcAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-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":"React show hide component guide | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to add React show hide components, using TinyMCE with a React onclick event, in our latest guide on React show and hide"}}},{"node":{"title":"How to set up Blade Icons in Laravel","slug":"blade-icons-laravel","featured":false,"lastUpdated":"Mar 5th, 2024","description":{"description":"<p>Blade Icons unlock design icons, saving time when building your projects. Read on to find out how to configure Blade icons with Laravel.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Blade Icons unlock design icons, saving time when building your projects. Read on to find out how to configure Blade icons with Laravel."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Blade icons represented by different colorful icons looked after by the PHP logo","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAulBMVEX/+Lf/+bf/+bb/+LX/97n/+bj89rf89bf/+Lb/+LT69cnx7uf179/787b/+rfw6rPQzbHa1rL88bD44pXz5d/06vz13f325sv/+bL687b38rX08rrP59Pw8L7+9K755tn21Pv34Pj47NX69bv997n797TU7prz9bLo4bz35bD++bX27rb37L//+cLe3tDDyu3v68//+rX69rP/56r95Kr997b69LL+97P/+rTv6sC3vuHn5Mf/+rj/+raDnCnpAAAAa0lEQVQIHQXBQS5EARBAwXqT/2Wi2Vs6yLj/1prEARxAIkGrCgSwIARosYgAl/pdlgP2ru9rVV9/cOCx2vuq5nNbkaeqqupjV3Q8V1VVvdoLft4f3mZmZmYGUJ3n7XZWL9dLEQQAVkCwwfIPNbEaGrKRnPMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-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 Blade icons and Laravel icons with font awesome | TinyMCE"},"metaDescription":{"metaDescription":"Blade Icons in Laravel apps are a useful shorthand, saying a lot with a small design, and Blade icons offer a chance to save time when building your projects"}}},{"node":{"title":"Mastering Javascript font color changes in TinyMCE","slug":"change-font-color","featured":false,"lastUpdated":"Feb 29th, 2024","description":{"description":"<p>Changing product font color shouldn't be difficult. Find out how TinyMCE makes font color changes easier and faster.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Changing product font color shouldn't be difficult. Find out how TinyMCE makes font color changes easier and faster."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A letter having it's color changed with paint, and a JS icon, representing the dynamic changes of font color","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAz1BMVEV19+h1+Oh1+Ol0+Oly+Opt+Otx+Opw+Olu+Ohz+Oh09uiF8t+47sCU7tZ48eN0+Oia7ue99u99+Olz9+h47+Od6M7q322s4rx849915eSp2+PQ8e+E8uV19edz+Ol+8eWM6N+O59KD6dmMrdSAZtBx6OV09eV77d968eNv+Oik8erZ4emN6N+O39baeKjRWaqzvMif9eiC7uF68OJ29+hy+OiG+OrB9e6X9emS4Ni5wsan19K2xMd99ud39ud29edx+Ohy+Olx+elu+upt++v5JCm/AAAAa0lEQVQIHQXBMWpCURRAwTmfB4JIbANuwNb9V9lAVmBrkULSpEjjv84EhAGwIDVgQMhWvaz6Nwhth6qqng0LHKuq+h0suFRV1b4ZoWtVVfU9Y8Gpqqq+GoLz7eez2u+PGUOgD3+YYRAgMMAb+0cdFSr6taEAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-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":"Change font color with JavaScript | TinyMCE"},"metaDescription":{"metaDescription":"When you want to change font color, it should be a few clicks to complete. The ability to change font color with JavaScript is another method you can use."}}},{"node":{"title":"How to integrate a rich text editor with Kendo UI","slug":"kendo-rich-text-editor","featured":false,"lastUpdated":"Feb 27th, 2024","description":{"description":"<p>Kendo UI is a reliable component that gives a professional finish to web apps. Read on to see TinyMCE and Kendo UI working together</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Kendo UI is a reliable component that gives a professional finish to web apps. Read on to see TinyMCE and Kendo UI working together"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The steps for adding Kendo UI represented with icons for frameworks and JavaScript","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA/1BMVEXk2fvk2fzl2fzk2vzl2vzk2vvk2/nl2/rl3Prl2/nl3Pnm3Prj2vjDzNXb1vDk2/3lu9Dmr8Ho4fbz9vXy9vT5+Pr39/j4+Pn4+Pjm4fPU0+ri2fjl2/3lyOPlv9nt5fzp/OSu8J7u/Oz5+/j09/P5/ffo4/Tk2vjj4e7l2/vh2/zn/OK48q3u/ev3+fbw8u/x8e34+/Po5PXh2fje3+rd3vjS4fbo4fj49vP18OX39vn19vf3+fjw7Oby7+zl4O7o3OXl2vri2/rh1/vn0tDt1MHe1PXe0/Te0/Pe1PTf1fbi1+vu4aPm2+7l2v3l2v7m0eTmz97k2vXk2vrk2v4nBdjlAAAAdElEQVQIHQXBsU0DURBAwXnnT2RMA+R0QQMQUihCllwHISXQgJ0g3zITARAzHGRrAA7BYtv+HqpUdbuz8lhVpeqGxamqStXTD2v6PT5fj1VVXbHYXzpVVdU3YvVaVVV1HrF4r30u3qy+7iPIh88dMASBEQz/fY0bStRrUOcAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-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 integrate rich text editor into Kendo UI | TinyMCE"},"metaDescription":{"metaDescription":"Learn to integrate TinyMCE rich text editor alongside Kendo UI in our step-by-step guide. Enhance your project with Kendo UI and rich text, HTML and text editor capabilities."}}},{"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":"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."}}}]},"featuredPost":{"edges":[{"node":{"title":"Implement Lazy Loading for Revision History in TinyMCE  - Complete Guide Part 2","slug":"how-to-implement-lazy-loading-in-tinymce-revision-history","featured":true,"lastUpdated":"Sep 18th, 2024","description":{"description":"<p>Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Revision History in TinyMCE with lazy loading for efficient webpage loads","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEX84dL94dL94tL94dH739D94ND539P749b14Nf84NL43tTp4Ofs2Nj318v26unv5+z63tD94tP+49P45tzu2tP73c/84tn7/v/s7PTx0cn76OL37u/7287939D129D23tX74tf82sz73NP8/f/19Pj13dTv4eLz29X72sz93s/33dDNusfWxtP15Nz539b70sb53tj36+n65Nr4+v3y4d342MX73c743c712sr01sj72839283818n61Mb62cr55t/33NH83Mv94NH939H83Mz728uOiwjCAAAAXUlEQVQIHQXBsRFBURRAwT3PG6nRgFCgC5VrRs4vwFy7AQgYBIRMxrBAstbJ3iDIuaqqYwhXVVVV77HJ51ZVVWHDo6qqCps53KuqKoS6+D4bq9/LEARjXRwzAAAAfw6tFJY1df7tAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Implement Lazy Loading in TinyMCE Revision History | TinyMCE"},"metaDescription":{"metaDescription":"Enhance TinyMCE's revision history with lazy loading. Learn how to reduce load times and improve scalability in your editor setup."}}}]}},"pageContext":{"limit":12,"skip":60,"numPages":20,"currentPage":6,"slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms.","page":"category","featuredPostSlug":"how-to-implement-lazy-loading-in-tinymce-revision-history","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]}}},"staticQueryHashes":["2492987505","740350947"]}