{"componentChunkName":"component---src-templates-author-page-tsx","path":"/author/joseph-robinson/page/7/","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 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":"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 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":"Copy and paste from Word in rich text editors: Under pressure ","slug":"under-pressure-powerpaste","featured":false,"lastUpdated":"May 3rd, 2023","description":{"description":"<p>A comparison of editorsm, TinyMCE vs CKEditor vs Froala and how they perform when pasting from Word. Also includes Quill and Slate.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A comparison of editorsm, TinyMCE vs CKEditor vs Froala and how they perform when pasting from Word. Also includes Quill and Slate."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Copy and paste represented in the editor with the keyboard keys.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAzFBMVEX/tXX/tXT/tXL/tHD/tG//tW//tXP9t4n8uJX7t5L7tpH6tpH8s330sofvtJf/tHL/tnb/t3j6vKn2zMz46ur26Oj46ej25ODIze6/zvjvsJD/tW7/uHv6v5H4vq/009L3+vv1+Pjv8vfq7/nQ2vjLvdbqzb/8vIn/tnX9uX/u2Mnzy8L50833+/35/P7B0+ePueLQ0uL5xJ3zzrX9uH//t3r+uYD9tnr8xqD87eX97+bh5MbR4LXr2br3yar4w57/s27/tHH/tHP/s285PZKIAAAAXklEQVQI12NgIBYwQkggYGD4z8TA+AvEZYGIsTJCAcMvqEoBxq88MEHGZ/+hKrkRYox8HyGCEoxI4D7UzBeqSIK/YbYLfGCzZjz7kcGJ8d+B/0guY3Tid2JjZMTjeABIihDw2cvDVgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/30voB1utvNFnWt1zlHfgsE/910d466ccc3e799794771bfa2c5199d9/Copy_and_paste_from_Word_in_rich_text_editors__Under_pressure.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":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Copy and paste from Word in rich text editors: under pressure | TinyMCE"},"metaDescription":{"metaDescription":"A comparison of editors TinyMCE vs CKEditor vs Froala and how they perform when pasting from Word. Also includes Quill and Slate."}}},{"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."}}},{"node":{"title":"How to set up source code editing with TinyMCE","slug":"source-code-editing","featured":false,"lastUpdated":"Apr 6th, 2023","description":{"description":"<p>TinyMCE has the ability to edit source code. Find out how to modify the editor, and unlock this TinyMCE ability.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE has the ability to edit source code. Find out how to modify the editor, and unlock this TinyMCE ability."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The words Advanced code editor surrounded by symbols for code editing.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA7VBMVEWovv2ovv6nvv6mvv+nvPutue2uuuuuuuytueytuuyuu+ypvPinvv2pvv6nvf2ku/zT2vX17eP17OD17eH07OH17eLy5tO/v9ulvf+XwPl4xPe62vL1+vbz9/bw8PDx8fLz8/Tw8fL28unCwtykvf+qv/+UvvVru+msz+j7/frz9fPd3Nzj5OTj6+jp7+329/f59evCwtuhufe2qt7GhqDg4u///////v35+Pf7+/n7/vv+//3++vK9weKht/SpuPWsqN65yfvE0fu/y/PE0frBzvmpvvuov/6mv/+lvf6ju/6ftviasfCiuv6kvP46lgrMAAAAaUlEQVQIHU3BMQ7CMBAAwV3LimKR9Pz/HXQ8BoUSIlFQHL5YCGZkkJ+QQWWIQJJYTEHxFQLLvjqA3VaBXU4eMG2VdPbPkwq4rn69J29UIB6LiSg0vVPobNe5a/M0tXYJpJNDSArkIEOQPrb0FwPkG2+aAAAAAElFTkSuQmCC","aspectRatio":1.778205128205128,"src":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1387&h=780&q=50&fit=scale 1387w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1387&h=780&q=50&fm=webp&fit=scale 1387w","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 source code editing | TinyMCE"},"metaDescription":{"metaDescription":"This article explains how to set up source code editor step-by-step in your TinyMCE WYSIWYG environment."}}},{"node":{"title":"Autoformatting: How to enable it for content in your app's rich text editor","slug":"autoformatting","featured":false,"lastUpdated":"Mar 16th, 2023","description":{"description":"<p>Autoformatting can be a winning feature to include in your app &ndash;&nbsp; find out more about the five essential TinyMCE plugins that can power-up your app with Autoformatting.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Autoformatting can be a winning feature to include in your app –  find out more about the five essential TinyMCE plugins that can power-up your app with Autoformatting."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Highlighted parts of text showing a demo of TinyMCE autoformatting.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAZlBMVEX/zND/zdH/zNH6yMz7yMz7yc34xsr+y8/8x8v7xsr6x8v9ys7jtbnzxcn5x8v7x8v8yc3u0tTz2Nr+ys70wMT0wsb2xcn3xcn3xsn1xcniysv3yczhs7fgs7bgsrbfsrbesLT/ztKh8+n4AAAAVklEQVQIHQXBsRHCMAAAMb3tkI5j//UogQFMQZAAAAAAAJggo8tQIDAJ1YYFHH2d+ywbgdltKdUHC8x7peoNC3rcEvVcMKDXsdacc/TbEDAu4AIAAOAP0d0NIJmAYMgAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Autoformatting: How to enable it for content in your app's rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"If you're interested in setting up autoformatting for your app’s text input, there are multiple options available as a part of TinyMCE configuration."}}},{"node":{"title":"How to style text in your rich text editor","slug":"style-text-area","featured":false,"lastUpdated":"Mar 9th, 2023","description":{"description":"<p>For styling text, find out how you can put together plugins and options to quickly create all the text styles you need in TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For styling text, find out how you can put together plugins and options to quickly create all the text styles you need in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The word style with some letter colour change on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEUXIk8XIU8WIU8UIE4PHU0LGkwOHE0RHk0PHk0SIE4UIU4WIU4VIU4LHFEACEoHGU0AAEEAAEMAE0wAFE0AHFAUJFQSHk0AAE+bnai9vsSkpq+Bg5Nsb4OoqrR8S2NdLlYAJFkTIU8QHU0AAEiys7vg4OPV1drGx83W2NzTztHiiFq3ZUgAHlQRIU4TH04AEVJucYWTlKF2eYqjpK6ys7xydYeFYlJrT1EAIlkTIVMAAEcAAEAoMFYcJ1IAAEQADk8AG1ETI1QSH00QHk0GGEsIGUyu1yGbAAAAV0lEQVQI132OsQ2AMBDE7IgKaJmFktlhEWoGQFAlNElIgbjmJet0fviI+UiC1EKDKqonQAcwVOYVc9PJN3tpjg3kAx5VFOYy6Rqrvb8XdQvZbn1YUuInD8CWDjKiue2CAAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to style text in your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"We’ll go through the many options of textarea styling that are available within TinyMCE rich text editor."}}},{"node":{"title":"How to add text animation to your app’s textarea","slug":"create-text-animation","featured":false,"lastUpdated":"Mar 1st, 2023","description":{"description":"<p>It's possible to animate text in TinyMCE - here's how to do it: the text animation examples are a good place to start.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It's possible to animate text in TinyMCE - here's how to do it: the text animation examples are a good place to start."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A transition of a circle shape through different hues and transparency, representing animation frames","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCf/EACAQAAIBAwUBAQAAAAAAAAAAAAECAwARMQQFBhIhUXH/xAAZAQACAwEAAAAAAAAAAAAAAAABBgIDBQT/xAAgEQABAwQCAwAAAAAAAAAAAAAAAQIDBBEhMQUSQVGR/9oADAMBAAIRAxEAPwDO7S6VZZ4o2cRKzBTI2FBOT+U2tZczblxzzgG1cRh0b7dvybu0zWZB0Jt1v2HU4v579pr5Lh6agpYZ4ahJHP2mMY2lvmfZnwVMk0jmOZZE8koun8xS/wBTtBxqLYqKBGYo0XCgX+VYjUTSAVRgAWq4gf/Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create text animation in your app’s text editor | TinyMCE"},"metaDescription":{"metaDescription":"We explained how to get started with text animation creation with TinyMCE - the advanced way to style the text in your app’s textarea."}}},{"node":{"title":"How to enrich Django TextField with TinyMCE","slug":"enrich-django-textfield","featured":false,"lastUpdated":"Feb 23rd, 2023","description":{"description":"<p>Find out how to set up an enhanced Django textfield for your app with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to set up an enhanced Django textfield for your app with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A representation of Django on a background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAk1BMVEUjNHciM3chM3ciNHceMXYXLXUhMncTK3QAB24XLHUZLXYACG8gMnYAGnGXma/e3eXc3eSYm7IAHnMAFXB3epr39vno8u3S5tvy9PZ7fqAAAG2ipLf6/Pys0r6jzbj2+vmlp7wAAG4fMnZ3e5r29vjy+PXa6+Lx8/V7fqEAFXHe3uWZm7MAH3QABm4WLHUYLXYdMHY8RHL7AAAAaElEQVQI12NggAJGJiZGBlTAzMTCysrCxIwiyMbOwcnFzc6DLMrIysvHLyAoxIpsAo+wiKiYuISkMA+yoJS0jKycvIKiEopKZRVVNXUNTR40M7W0tHVQzATarqunj2Y7xJ0GaO5E9REAUxkFwRTPPWMAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enrich Django textfield with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"In order to set up enhanced Django textfield in your app with the TinyMCE editor you’d need to follow the simple process described in this article."}}},{"node":{"title":"How to upgrade from TinyMCE 4 to 6","slug":"upgrade-tinymce-4-to-6","featured":false,"lastUpdated":"Feb 16th, 2023","description":{"description":"<p>To upgrade from TinyMCE 4 to TinyMCE 6, the steps involved are changing version numbers, and then checking your configuration. Read on to find out more about how it's done.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To upgrade from TinyMCE 4 to TinyMCE 6, the steps involved are changing version numbers, and then checking your configuration. Read on to find out more about how it's done."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The migration process represented by white and orange gears","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to upgrade from TinyMCE 4 to 6 | TinyMCE"},"metaDescription":{"metaDescription":"There’s a plenty of options how you can upgrade from TinyMCE 4 to TinyMCE 6, choose your and discover new rich text editing opportunities with the freshest TinyMCE version."}}},{"node":{"title":"How to upgrade TinyMCE 5 to TinyMCE 6","slug":"upgrade-to-tinymce-6","featured":false,"lastUpdated":"Feb 15th, 2023","description":{"description":"<p>Find out everything you need to know when you need to upgrade your app onto the newest version of TinyMCE: this new guide covers editor, plugin, and API configuration changes.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out everything you need to know when you need to upgrade your app onto the newest version of TinyMCE: this new guide covers editor, plugin, and API configuration changes."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"upgrade to tinymce 6 from tinymce 5","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to upgrade to TinyMCE 6 | TinyMCE"},"metaDescription":{"metaDescription":"Everything you need to know to upgrade to the newest version of TinyMCE: editor, plugins and APIs configuration."}}}]}},"pageContext":{"limit":12,"skip":72,"numPages":15,"currentPage":7,"slug":"joseph-robinson","title":"Joe Robinson","metaDescription":null,"description":"Technical and creative writer, editor, and a TinyMCE advocate. An\nenthusiast for teamwork, open source software projects, and baking. Can\noften be found puzzling over obscure history, cryptic words, and lucid writing.","longBio":null,"expertiseList":null,"page":"author","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"]}