{"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":"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."}}},{"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":"How to build an LMS experience to rival Canvas and Google Classroom: a tutorial","slug":"tinymce-for-lms","featured":false,"lastUpdated":"Mar 28th, 2023","description":{"description":"<p>The best content creation experience for an LMS editor, one that can rival Canvas and Google Classroom, is possibel using TinyMCE. This tutorial explains how to get there.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The best content creation experience for an LMS editor, one that can rival Canvas and Google Classroom, is possibel using TinyMCE. This tutorial explains how to get there."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A collection of icons showing the tutorial steps in symbolic form.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEXGuf/Huv/Iuv/GuP/Ftv7Gt//Huf/HuP/EvfrEvfnHuf7Ft/vCtPnEtvvEtvzJvvXi4/LRzu3AsvfEtvrFuP/Bs/zA0OzE0e3Bs/vDtvzGufzJvvjNw/nIuv7Pyevn9OjW2eS0p+m5rO3Huf3Guv/KufTnu5LdvsWypvKGddq0q/DGw/vc2PHIv/DJuv/Et/rFuOy/ruTFt/7Ju//NuezzvjTnvqC6rvuwmeW5weu4ze7Du/O5q+7KvP/Iu//WrObnn8LIuf/EseW5quO4quzrwdDYsMy1qe2ypea8ru/Ku/+3suKiqrfFuf/DtvvPwvTGtey2tu2fs9QtHq0dAAAAbklEQVQIHY3BIQoCQRiA0e+T8U+CwSM41SAYRfAAntVuNwtm8QpbTKszK8siuFh8j78JyqCbaIGKxGuqJfnRpFZcOHbvJDt2SW3itvFbARL5unXwmOlpBQi7uWg9N+vn0qNUeqGHrBCxD35E0HsDVAEXJAVAh2cAAAAASUVORK5CYII=","aspectRatio":1.7794994040524434,"src":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fit=scale 1493w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fm=webp&fit=scale 1493w","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 LMS to rival Canvas and Google Classroom | TinyMCE"},"metaDescription":{"metaDescription":"Tutorial on how to configure TinyMCE for the best content creation experience in your LMS."}}},{"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 enrich Blazor TextBox with TinyMCE","slug":"enrich-blazor-textbox","featured":false,"lastUpdated":"Mar 8th, 2023","description":{"description":"<p>Find out how to get rich text editing in your Blazor textbox &ndash; the configurations in this article show how to fine tune the integration.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to get rich text editing in your Blazor textbox – the configurations in this article show how to fine tune the integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The blazor logo on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAsVBMVEUjNHcjNHciM3chM3ciNHcdMHYXLXUeMXYgMnYSK3QACG4YLnUWLXQADW4VLHQhMnYAH3GbnrHf4OTe4OOWma8AH3IZLnUAE29+gp708/ns6P/Wzf/d2Pd3fZsAGXAfMnYAAGyprLrn4v+1pPudgvrm4f+hpbcAAG4AFG9/hJ7p5/nSyP/19vh0epwAGXEAIXHc3eTd3uSVmbAAHnMYLXUTK3QAC24bMHUXLnUAC28UK3Tc4dJ0AAAAAXRSTlP9g+pWxwAAAG9JREFUCB0twTEOAjEMRcH3ExMQEtqSE3D/09DSIiiXDu3G2AkzEpOEO4MbQ/UitGknSYRqmlaCG6n3syYnGKktmi4rwUhX/b1JhfQ6hX4MpEL6PtrzsLTWPiQjldJuCncnSaTq5mjTTnCJScKdwX8dfB1VhkJYKgAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enrich Blazor textbox with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Find out how to get rich text editing opportunities in the textbox of your Blazor app and many of its additional configurations you may need."}}}]},"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"]}