{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/how-tos-and-tutorials/page/10/","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 save TinyMCE content to a database","slug":"save-content-database","featured":false,"lastUpdated":"Jun 20th, 2023","description":{"description":"<p>Ever wondered how you can save what's in your textareas and forms? Find out how in our latest post explaining how to save content to a database.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Ever wondered how you can save what's in your textareas and forms? Find out how in our latest post explaining how to save content to a database."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The PHP element of the database represented by an elephant celebrating with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEXZx//ax//cy//Xx//ayP/byP/d0Pvm5evd0fvOxfTPvuPQteTSwvPVxP3QwvzbzP/n3/Dgz/XdyvLgy9DLuOfKuuy3tPKjrvDVw//ZyP/hzPDw0bXrxp332LDnz9/VwvfSyfDWzfPX0vnc1frczP7Yx//x1s792przzY7y1cTby//V1N3k5t77/Prw9/Th1/vZxv/r0dTr0dDo0Njnztrbyv/ZzOXf2+vw6/zr6Prf0f3Zx/7Yxv/Xxv/Zx/3Yxf+hPfr8AAAAV0lEQVQI12NgwAcYkdgsEIrpHxNIlPHPf5gCFgYmRij4xPgfLsgNE2R8yfwHKijKiAB3YCoVQbzrWhDRCxCL/oC1q0LM+AZ3iTWQd4iBwYCf4eMFBlIAAKogD0PCtkl4AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.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 save content to database | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to seamlessly save TinyMCE content to a database using PHP and SQLite. Follow our comprehensive tutorial for efficient database integration with the powerful TinyMCE editor."}}},{"node":{"title":"jQuery serialize and TinyMCE: Handling WYSIWYG editor forms","slug":"jquery-serialize","featured":false,"lastUpdated":"Jun 14th, 2023","description":{"description":"<p>Forms are everywhere, and handling form data is important. In this guide, learn how to use jQuery to serialize form data with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Forms are everywhere, and handling form data is important. In this guide, learn how to use jQuery to serialize form data with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content being serialized and being moved around in a text editor ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAw1BMVEWzqe+zqe+zqfCyqe+ypO+zou+yqfC1quyyqPCxp+/TwfLhyvXTwPKyqO+yqfGzqPC2re22sOKzo+mwpu3k4/D3+PL2+PLk4+i1qeW4pOW4puezqfHSz+Kvz8qyo+CwpOfn5vL///7q9fG65sytruq1qNW0qtqzqfKyqPHJvtKytNKwqPCxpu7l5fH9/fzu7f3g5enQzuqyrNOwqdu0qfGlm+DT0eXz8vzy8fvOzNqrpdOrn92soOG0qvGxpu2wpuyvpe7dZBhPAAAAAXRSTlP+GuMHfQAAAGBJREFUCB0FwTENwgAUQMF7TdMJFjYEMOIA9SSoQEANdCKEzx0AACjIWPwAClGZ5WugaLYq1WFQOldVVe3DCqeqqgpWXKuqqgNKzm5VVb2GIjx6utzfu0GB2HxgUAAA+ANxWRNIfngb2gAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"jQuery serialize and TinyMCE: handling form data in WYSIWYG editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to use jQuery serialize for form data serialization in TinyMCE. This guide provides a step-by-step process for effective implementation in your application."}}},{"node":{"title":"How to create gold and silver text effects in TinyMCE","slug":"gold-silver-text-effects","featured":false,"lastUpdated":"Jun 8th, 2023","description":{"description":"<p>This tutorial shows you how to make your words shine with gold and silver text effects in TinyMCE</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This tutorial shows you how to make your words shine with gold and silver text effects in TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"gold and silver color symbols and targets representing the gold text designs in TinyMCE.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAw1BMVEX/vZ7/vJz/vJv/vZ3+u5z+upn4xrH2zr//vJ3+vJ34uJn5uZr+vZ7/vp76t5fuuaPb1dXh39v4y7X/upn8wKT+xav9xKr9xav9xq39xq7/v6L9w6vlz8Dfxpnr0Z3y2MH7zbv71cT92cn92sr92cr6ybP/yrL/waP5ybXu3tDuwpD1xaX7w6r36ePs6N7t593u6d/s7ezqxLT/y7L/wKP/vp/8xKz/v6P5vqTwwKryxLDyxK/yw6/5xKz/ybD/wKL/vqBMVL86AAAATklEQVQI12NgIBEwMjEj8cBsFmYg+M/xh4vtN88vkBIg5mVEBs+AioCC3ySQBZn/ggVRlTJAVP4FCp5kNkUIMkKs+wvCpjc0GLgPkORqAHg4DYOKuXDKAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.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 gold and silver text effects in your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create stunning gold and silver text effects in TinyMCE with our step-by-step guide. From elegant typography to eye-catching headings, this tutorial will show you how to make your words shine like precious metals."}}},{"node":{"title":"How to create 3D text effects in your rich text editor","slug":"create-3d-text-effects","featured":false,"lastUpdated":"May 31st, 2023","description":{"description":"<p>With a few CSS properties, you can add 3D text in the TinyMCE rich text editor. It's easy to set up with TinyMCE's configuration options.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With a few CSS properties, you can add 3D text in the TinyMCE rich text editor. It's easy to set up with TinyMCE's configuration options."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"the number 3 and letter D presented in isometric view showing one kind of 3D effect","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABC1BMVEVS7vpR7vpQ7vpS7vpS7vtS7/tR7/tN7/xL7/xQ7/tO7/xT7/tt6/J/6epJ8P1J7/xa7PdG8f5P8P2F2/JX7fph6vhW7/pG8P2a4Nzfwoxt6fBl6vOi1s3WvI6V3dli7PU78P2B0eyVveKIzOha7/pl6vV64ehO6vSV29zkrnj5ngDkqmfLzLKO8fte7vpa5PRX7Pla8PtN8P1O5vBfxbtW2dps5/DHxbPyvprmysXY3erQ7fSg9PtX7/tV7/tR7vtP3OJM0dRB8P1j6vbV4+bm6/Pn6/L6+fvk6Olt3uha8PxS8P1R8PxQ7/xH7vtR5vKC8PqF8vyH8/xm5vFI6/dN7/tG7/tE7vtL7/s8mLyZAAAAA3RSTlP+/v6VFoksAAAAdElEQVQIHW3BQQ7BQBiA0e/rTKOJROxdwQmcwWWtrCXuQ9gQnfmNRKUL7/GPCTFoojOoNBk6tSTHsK+MFcho72vQhbdBvRbIdGu/VjYXIFPvG2doTKStc2cwoe78OT0gQxhLJ8cnYAI6IO8VD6UAMlGI4OMNVHMdGg+Z4wAAAAAASUVORK5CYII=","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create 3D text effects in your rich text editor| TinyMCE"},"metaDescription":{"metaDescription":"Want to add depth to your text? Learn how to create 3D text effects in your rich text editor with our easy-to-follow guide. Elevate your typography now!"}}},{"node":{"title":"How to change CSS dynamically in TinyMCE","slug":"change-css-dynamically","featured":false,"lastUpdated":"May 23rd, 2023","description":{"description":"<p>Creating more interactive and responsive websites is important. Read on to find out how to change CSS dynamically with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Creating more interactive and responsive websites is important. Read on to find out how to change CSS dynamically with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The process of dynamic CSS set up represented by control symbols, and text changing color in the editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEWTgf+TgP+SgP+Tgf+TgP+Sf/+Pev+Nev+Rfv+SgP+Xif2+wvDSyvugkv6QfP+Qff+Rff+Tf/+hmfvm6t7w6umpo/uNdv+xtPHSy9zWzPLZ0Pfc0vna0vjGzfCilv2ei//VzPzCxfSYjfyNd//Y1vr8+/j6+Pz7+f3//v7///35/Pqxp/+Oev+UgP99nO50q+aGifiSfP+rn/3o5vj4+Pr19fn39/r///7///+zqf+Nef+DmvF/qeqLi/m4r/vk4+np6efn5+br6+v5+fn//v+zqP+Ugf+Vf/+Uff+PfP+ilP2tov6sof6soP6vpP+wpf+ZiP+Oe/+Rf//OsN+fAAAAA3RSTlP+/v6VFoksAAAAc0lEQVQIHW3BMQrCMABA0f+TtIO07noA8RwFD+xpOugqzkpF0GJNELGD7/GPkUwmZhJZMIMRSM8JEhAqs3tcgI7VAyO0wZnLgBHC2rmeBGz9QSGRtTo0FrfGMyRgpad+Z9HgEYx81HV3YMl1swf5UooX8AYCWhRulkVvGwAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to dynamically change CSS with JavaScript | TinyMCE"},"metaDescription":{"metaDescription":"Gain insights on setting up dynamic CSS changes, refining these changes, and understand the benefits of using TinyMCE APIs for this purpose. Start your journey towards creating more interactive and responsive websites now!"}}},{"node":{"title":"Working with noneditable content in TinyMCE","slug":"tinymce-noneditable","featured":false,"lastUpdated":"May 17th, 2023","description":{"description":"<p>The TinyMCE noneditable plugin is used to mark specific elements as not editable by your authors. This can be incredibly useful when you have content that you don&rsquo;t want your authors to edit, especially when used in conjunction with the TinyMCE template plugin.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The TinyMCE noneditable plugin is used to mark specific elements as not editable by your authors. This can be incredibly useful when you have content that you don’t want your authors to edit, especially when used in conjunction with the TinyMCE template plugin."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"non-editable content represented by the not-allowed symbol, and other symbols showing the intent to write.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAw1BMVEX823v923v823v923v93Hr93Hn923r93Hz93H772Xnwz5f62X/+3HT+3HX93Hb+3Xj93H3247nv49b058n46sj36sn66cP12Jb72n793Hv547Hd2PDU0fnW0/nW0/jV0frBt/Lcx7P525L+3X/p0njSx278237Juui3r/y5sPm6sfq/uP2/uv7k2tb8343v1Xnjz3Taw7G/rbjArrbBr7fGtLrCsrjjyYr/3Xn+3Hz/3Xz+3Hr823D922/822/82nH923dbXQPnAAAAAnRSTlP+/qap3hAAAABtSURBVAgdBcE9TkJBAIDB+ZZ9yTPW2nACOsL9L0GHrZ0/lZUJIcsMAABogMACTJASDxYmtqxRVf/tfzTY2lVV/R7uNNjaX6qq+lzLhGNVVQUTvHY7VVWHOw2al7qeU334okF4/wFv3xYBCBZ4AtquFFnI6nyIAAAAAElFTkSuQmCC","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3ftah4g1TUxOZ71HAaZzz1/e126fa426a046ea36790a716728d7330/Working_with_noneditable_content_in_TinyMCE.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Marty Friedel","slug":"marty-friedel"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"How to disable textarea scrollbars with TinyMCE","slug":"textarea-scrollbar","featured":false,"lastUpdated":"May 11th, 2023","description":{"description":"<p>It's annoying when you can't change design elements &ndash; using TinyMCE, you can effortlessly customize the textarea design, including the textarea scrollbar</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It's annoying when you can't change design elements – using TinyMCE, you can effortlessly customize the textarea design, including the textarea scrollbar"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A vertical scrollbar separated from the editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAxlBMVEX/hHf/hHb/g3b/gnT/fW7/fG3/f3H/gnX/j4P9s637s635sqz6sav6sazyqJ/4jIH9g3b/h3r/hXj/gXT+pp7n5vzV5v+34v7syMn89/n+//+x073qmIr8fXH/gXP+pp/w5uLo4dTb3tTw0bb56ND7+fCgzLHolIP4g3z+iX/9p6H03qr1zk/2zln0z170zE/26crU6eHzoJXvkJD5j4n/hHj+lIv5ua35tqT5t6X6v7b9xcP+lo3/f3P/fnT/fnP/fXD/fW8qEtXrAAAAX0lEQVQIHQXBMQ4BUQBAwXnrJyQkklXoHcL9o3AXzVYUCvlmAABAQMGcQGBXUF8QOFSlqo0Bl6qqesOAY1VVnV4Y8LlWVdWGAbcqc6nned0I7O9RPX7rhoAFmBMAAIA/Lp4QMyt9CowAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.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 temporarily disable textarea scrollbars | TinyMCE"},"metaDescription":{"metaDescription":"Temporarily disable textarea scrollbars by making use of specific CSS with TinyMCE. You can then disable textarea scrollbars."}}},{"node":{"title":"How to set up CMS WYSIWYG editing that rivals Wix and WordPress: a tutorial","slug":"tinymce-for-cms","featured":false,"lastUpdated":"May 10th, 2023","description":{"description":"<p>Find out how TinyMCE's out-of-the box integration supports a CMS that will be competing with Wix and WordPress with best features and plugins.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how TinyMCE's out-of-the box integration supports a CMS that will be competing with Wix and WordPress with best features and plugins."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content in a comment box being selected with a mouse pointer","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABXFBMVEUZJVQZJFQWIU8TIE4UIE4XIU8XIk8aJlYZJlYZJVUYJVUZJVYYJFUbJVEmLlUsM1crMlckLFQYI08aJlcYJVYTIVUEGVMAFlIAFVIAFVEpMVciKlIbJVAcJlAlLVQZJFAWIU4XJFYNHlMADFAPH1QAF1IAFFEEGVIcKFcgK1kMHE4OHEwSHk0VIE4fKFEVIU4AAEmDhZTk5Ofk5efj4+bl5efc3eBgZooZLG8tOXMsOHMeL3AgL24XI1QmLlQaJFAQIFQAAEOkpa/////4+ft8gKBvdZhRWYkcMHgiNHkYJVgjLFMdJ1EAAEp8fo/b3N/a297b297c3d/T1NlUW4IwO3Ksrr1LU4ERKXAeLmsXI1MYJFYAAk4AAEwACk8TIlUoL1W0tbtpbH8SHkwUIlYLHVMEGlMFGlMKHFMfKVMoMFUlLFMkLFMpMVYXJFUYI1AhKlMqMVYVIU8TH04WIw4PAAAAlElEQVQIHQXBMS6DAQCA0e+1v1QTkUjThRisTBbpxuQYFjdwEzeQuILB2lGMBqsjtBMR+es9lXapHdQ4ZRa0K4DN1AKScbddwN+e4RBULODz/OvM8gQqAAwXqCoEWK5IAfByOdy+rXxUnR7B+ua9zfD6s++q1h17vuNgfr3dmtUwTmpscs/v7Mlmal5VVd8Pemyc+gdMCSA+3rsPNAAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=764&h=430&q=50&fit=scale 764w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=764&h=430&q=50&fm=webp&fit=scale 764w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Configure TinyMCE for your CMS to rival Wix and WordPress | TinyMCE"},"metaDescription":{"metaDescription":"Creating next generation CMS that will be competing with Wix and WordPress is easy with TinyMCE. This tutorial that covers everything you need to know about integrating WYSIWYG editor into your CMS."}}},{"node":{"title":"How to make avatars a part of comments in your DMS","slug":"make-avatars","featured":false,"lastUpdated":"May 9th, 2023","description":{"description":"<p>Does your commenting system in a DMS need something more? Make avatars available for your DMS comments, and give your customers a better online, work environment.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Does your commenting system in a DMS need something more? Make avatars available for your DMS comments, and give your customers a better online, work environment."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Symbols representing the avatar being added to the comments of a dms","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEWu3+6u3++u4O+t3++s3++v4O+u4PCs4PGq4PGs4PCw3+6u3eyw4O+y4fGz4vGv4PCq2eSe0Mq508nV18bOxMjDxc7J5O3A2uPf7/X28ej07uL17+TM5euq3/Cr2eLH3tLM3M302rXsu6/a19284ezH4+3s8vP/36r/2JD/z2XS1b+p4PKx3+224O6v3+6x3Oew2+nT5uzn6erp6ery7ur28/Dw06fR07mp4POt4O+s3+6u3eus2Obe5+j0y3z1wTn5wQDR1b6q4PO74/DD3NrD2dS13eat4PCr4PGr4PKxATpzAAAAYElEQVQIHY3BsQ2DQBAAwV3+SYldADWQum9aIHYDyCVYcvLoAIMAZ8xwmyyUHyWYQMCs4gr9TAg2/nlHBr4PryBDlMZFqd1ABuJVdQOdO5BD8qloH4lTjG2q6AO5kFUwA/TdFB5QCoCoAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.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 make avatars a part of comments in your DMS | TinyMCE"},"metaDescription":{"metaDescription":"If you want to make your own avatars and add avatars for your rich text editor, use TinyMCE to make avatars and add avatars to your rich text editor."}}},{"node":{"title":"How to create Star Wars scrolling text effects","slug":"may-the-fourth-be-with-you","featured":false,"lastUpdated":"May 4th, 2023","description":{"description":"<p>We&rsquo;re always on the lookout for cool things HTML, CSS, and JavaScript. Find out how to incorporate a little Star Wars into your rich text editor.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We’re always on the lookout for cool things HTML, CSS, and JavaScript. Find out how to incorporate a little Star Wars into your rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Space depicted in abstract with the words Episode IV appearing on a panel in space","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEV5hv94hv92h/94hf96hv+OgfOMgfN6hf93hv+Ej/yEj/1/i/19if1ygv96f/vOW5/QW519gPt8iv96h/93hP+aoPiZn/h4hP+RmvyWn/6Tn/+im/Ojm/OWoP+Ajf9zg/99iv1zkOVgm7h1iu7n6P77+fby7efx7un29fT+/v+yuf+WjeeRj+92hf9rlsxPpX+HnuT4+P79/fj5+PP5+PT7+vf0/Pff1tzVq5eTkO95hf93hftwh/KlrPz8+/37+/v6+vv6+/v+/f76/v3m3tuTju1zhP93g/+GkP+iqf+gqP+gp/+Yof91hP93hf92g/9xgP9wf/9zgf91xi4ZAAAAX0lEQVQI12NgwAIYESxGhv//kQQZmf4y/2NmBIIfcEFmNkY4YHgLFGABYkFGJPAWqpJdCln0MkQlAy+S2BeodmNkhcehgscY3MF2/P8PdAGSO/2hvD+bkB3PDKH+gkkAv8QQR2l5R0cAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Star Wars scrolling text effect implementation | TinyMCE"},"metaDescription":{"metaDescription":"Ever wanted to create the iconic Star Wars scrolling text effect? Learn how to implement it in TinyMCE with our step-by-step guide. May the force be with you!"}}},{"node":{"title":"How to Migrate from Froala editor to TinyMCE","slug":"migrate-from-froala-editor-to-tinymce","featured":false,"lastUpdated":"Apr 27th, 2023","description":{"description":"<p>Migrating from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Migrating from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Symbols depicting the Migration to Tiny","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAArlBMVEXGuf/Huf/Fuf+/uP54r/e1s/3Es/zEr/bDtf/Et/7DuP6sreXCtv3Et//Ft//Dt/+4w/TZ1/fe1/bf0/Dc1/jKv/zFuP/Ut9PUxuTq6P7k4P3Kv/7Huv/Tz+Pu7+fz9fPq8fPw8/TSyfzexM799ur/////9t7n4/rIt/XAsubBuOm1uOTKupS2ud7Guf7UzPzy8P3x7vnx1LHl3vTIufrHuP27tPuzst64tPfGt/luGCJ0AAAAUElEQVQI12NgwAIYkVn/oUwmhBjjfwyVjEyMYPAdJsjFiAReMTCwgIzgRRJ7zQAR5OZBEvzyGSLIABW8qcHIeO8VzEwxBgbluwxg7n8GkgAAHTgM/+cb5/YAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Migrate from Froala editor to TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Migration from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting."}}},{"node":{"title":"How to work with keypress events in TinyMCE","slug":"keypress-event","featured":false,"lastUpdated":"Apr 11th, 2023","description":{"description":"<p>Making an event for the keypress event does not have to be difficult. TinyMCE's APIs can help with the event listener.&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Making an event for the keypress event does not have to be difficult. TinyMCE's APIs can help with the event listener. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Keypress with colorful representation of keyboard arrow keys","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAvVBMVEXcuf/duf/euP/fuP/duP/IyOa8ztm+z9rVwfbeuf/eu//buPHfubvduMHcuf7duv/HyOa6yte8zNnVwPfguf/RsfbZtNP2ySnuw13bufXdu//gv//kyP7gvP+3rNR3wX+jr6TjuqHXsLO9mu/CnvfcuP/w5/v7+vziw/+hrLl52miCtZLXtfzFoPu+pfa4mfPUsfzu4fz17vzgwP/WtPiqqcXQsvHgu//Wsv25lvPEoPfZtv7fuf/euv/buP/ElWF3AAAAYElEQVQIHXXBoQ7CMBRA0Xvpc12CQLEEx///DJkkSASYTsx2RaxMwDn8Io1Q2UmAHkiVL0HCjgIETXaz5LmCgJ7dvCgQQL3aDQ8g+Mh2NInmND2H+yWm9+itsKPiUf5aAaj5ENxHC+2vAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.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 work with the keypress event in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"You’ll find out how to work with keypress events in TinyMCE: possible uses, configuration and testing."}}}]},"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":108,"numPages":20,"currentPage":10,"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"]}