{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/skins-and-icons/","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":"Text or Treat: Customize TinyMCE skin for Halloween with free spooky theme!","slug":"text-or-treat-tinymces-seasonally-spooky-skin","featured":true,"lastUpdated":"Oct 1st, 2024","description":{"description":"<p>Celebrate Halloween with a free custom TinyMCE Theme that will create more thrills for the Spooky Autumn Holiday, right inside your rich text editor.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Celebrate Halloween with a free custom TinyMCE Theme that will create more thrills for the Spooky Autumn Holiday, right inside your rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE with a Halloween skin","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABVlBMVEV+mPx+mP19mP18mP6Alvp/lvp/lvt+lvt+lvqAmfp/nf2Bn/2Bnv1/m/x+mf1/mfyAmfx9mv+flOPkmZHjnJfim5bkmpTilpHjl5CjnuF/p/yEqPyIp/uCofx+mv1/mPyBmfyDm/yAm/+eluH96Nz949XjyLH/8ur/+PL/7eK4st19rvqfv/fa4fC/y/d+n/1/mv2Em/yHnPyEnP6Wleb55+LpnnPQaAD118vx9vfx8O7V1N610PTX5fjq6ODk4+6LqPp/nP2CmvyFm/yHnfyBmfqNj+b24dv5z7jsoHD738/w7Oft5d3a0tW2yO/h6vz///vy8PeSrvp/nv2BmvyFnPx/mPp8ju+4nc3EqdDCo8zBps/Bpc3Fp82nn+N/o/yhufqxwfapvPeKqPuAnf1+mfyBmv12lf1yk/1yk/5xkv1zk/55mP5+nf1+oP2Aof2Am/x/mvwEuvicAAAAbUlEQVQIHV3BwQnCQBRAwfdCju4mVhBQS7IC2wp4FmxBsAUb8JIKFAv4bgwK7oyAfAUfgiizCAiKliIaf14B0vlvAgdrN1rXVqDdWAP3952Vsblsoz93Rc75mlI6rUYcePQTMgvygeMTKWQRLN7Q9RachXxPUAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5rJqOu3avc8sQH1Cn0t0GG/e7f7e0658c54bb94dcd6d7ca0c14fde3/-TinyMCE--BLOG_header-_How_to_add_the_Halloween_theme_to_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Text or treat: Free Spooky TinyMCE Theme for Halloween! | TinyMCE"},"metaDescription":{"metaDescription":"Celebrate Halloween with a free custom TinyMCE Theme that will create more thrills for the Spooky Autumn Holiday, right inside your rich text editor."}}},{"node":{"title":"How to insert and customize skins and icon packs in TinyMCE","slug":"tinymce-skins-and-icons","featured":false,"lastUpdated":"Nov 15th, 2022","description":{"description":"<p>Check out our range of modern skins and icon packs. Read on to find out how to apply them to TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Check out our range of modern skins and icon packs. Read on to find out how to apply them to TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE editor with customized skin.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7sjKU0Z40z8o9pCZavnV2f/6a0528a2ad66977b3d69e7018e85eaf3/img-TinyMCE-Custom-Skins.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","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 insert and customize skins and icon packs | TinyMCE"},"metaDescription":{"metaDescription":"Customize TinyMCE skins and icons to enhance your UX. Check out our range of modern skins and icon packs and how to apply them to your instance of TinyMCE."}}},{"node":{"title":"Create your own TinyMCE Skins using the Skin Tool","slug":"create-skins-using-tinymce-skin-tool","featured":false,"lastUpdated":"Mar 9th, 2021","description":{"description":"<p>Learn the essentials of the TinyMCE 5 Skin Tool. In this article, we walk through how to create your own skin within the TinyMCE 5 Skin Tool and load it into your TinyMCE instance.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn the essentials of the TinyMCE 5 Skin Tool. In this article, we walk through how to create your own skin within the TinyMCE 5 Skin Tool and load it into your TinyMCE instance."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Bike wheels painted different colors","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAADCUlEQVQYGQXByXIbRRgA4P67/+6eVaORLGHLdrzIxCmWwC1Uqjhz400o3oFH40pBmQoXKglOOXJiy5YsjWbp6ZXvg99++TWPsii2cL04WLz5b5IXR+fPBi6w+6unUSr2htlyyeBteBTd/KJC5GH/YLK+++ydRV8tlapJ13rXP26Nn0Bv2nXrRWg/3qki7YWwN+0wf3b25FXdopAMicmKDIBiJCLrVNV2nTEyiXuI123UEn4+hOLyVQRLPIJhVyZlaLt3mjIX0JOASBkyLMtkXcP1LhucHjHz1/Rkbo7nMdKp/XtenH2sw0MYY7IRQq1Mf8QlI2S3ekTOWZahVtpTmJ1fjA+O5cOnoTU7p1HmMVhJe0KtZAMbmq2+u48KHvuE0nSUM2S665DYQANPgVLOSbmXf/j9avF2/NUPMFNILQWBKGQY/Hu7xbB329GyWwyEQc7rzRYDsWmSayEQKBtPHHl5enyOo2lfb7gLQDljPIJsWgzrz/5hq2eZEJxEeSQSSTMpNn3nrcG2ZmmOhObTQyFTFXLOGAUkoAnpgJhGNUt1zyMRpWkIzjuHD+9u7jEadHz9z5/DbCi31+H718CAUMq5cMFVzSdL1t70UsQ6S62Lg1e9slo7fL/aRQcFEt/2isxKf3NFtIY4854RwjlPR/kBsrOwzSa2aXaSEM54SGQstaKXX8+TL/ZHz7/98sefDi+/yV1rlCIoU2FDdivGd5Q5xAGj0nk9ywMDVz1V7a4BoDQfl8T2BHkYTR1F33b18paSYKx27iIV5zjYMSY5l09SbarVdqfrxum+9wEoQ6iqOlAWKKNA5cWr9d3CtI2vl4bmsZ8r3QAjFNiL6Usl84AyLso4TR1wShnFOLOMu0BC18nRvts7NB/+SPZOFIsRJCGo3LUO6wmZhnK02qpdpZ0Pm6eWWudYlALjhAnSNC4dnLz+uRuV74tTD5IAcDozRA0G32nPsnzMYq41C0YHo9C74AgFFIQiaE04j4tppS9WRJchAIBkQ5nm3h/vzEIkBcaEichCyIf4P1OSlomsDx2pAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6h0Fvol4UXGFCgw3o9Hd2k/e90c94841ac03a4345bf269e59d4831c/Skin_Tool_Blog.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Create your own TinyMCE Skins using the Skin Tool"},"metaDescription":{"metaDescription":"Learn the essentials of the TinyMCE 5 Skin Tool. In this article, we walk through how to create your own skin within the TinyMCE 5 Skin Tool and load it into your TinyMCE instance."}}},{"node":{"title":"Add gradients to icons in your applications","slug":"gradients-icons","featured":false,"lastUpdated":"Feb 18th, 2021","description":{"description":"<p>Gradients are a popular design element built into the aesthetics of many brands. You can also bring gradients into TinyMCE by changing the look of the editor's icons. In this article we share how you can do this, so make sure to read the full article to get all the information!&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Gradients are a popular design element built into the aesthetics of many brands. You can also bring gradients into TinyMCE by changing the look of the editor's icons. In this article we share how you can do this, so make sure to read the full article to get all the information! "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Gradient sky with clouds ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t////2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAANABQDAREAAhEBAxEB/8QAGQAAAQUAAAAAAAAAAAAAAAAAAgQFBgcI/8QAIBAAAgEEAgMBAAAAAAAAAAAAAQIDAAQGEQUSITFRIv/EABgBAQADAQAAAAAAAAAAAAAAAAQFBgcD/8QAHxEAAgICAgMBAAAAAAAAAAAAAQIAAwQhBRESMUGR/9oADAMBAAIRAxEAPwCrI8c7L1Adgfo9Vdmz2lxr4us6G4EuLvEdGJn+DVEbNZvsYOMSv4YmbHbsH8wjVHOSO/c6jCc+hNFQYbx691KsxCg7PusyPI3FhubCuPWinpR+RnyDiLbjgQqdyBsE+KZXm2PAXVovepALu41M2o1AqUW49bEgLPLy0Z//2Q==","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=2217&h=1478&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7hBKWR77CFOWOGuHZyEI5U/b64c710d8c7f77fa6fe778b145c00d88/Gradient_sky.jpg?w=2217&h=1478&q=50&fm=webp&fit=scale 2217w","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":"Add gradients to icons in your applications\n"},"metaDescription":{"metaDescription":"Gradients are a popular design element built into the aesthetics of many brands. You can also bring gradients into TinyMCE by changing the look of the editor's icons. In this article we share how you can do this, so make sure to read the full article to get all the information! "}}},{"node":{"title":"New premium skins and icon pack","slug":"new-premium-skins-and-icon-pack","featured":false,"lastUpdated":"Apr 27th, 2020","description":{"description":"<p>A new set of premium skins and icon packs, designed specifically for forms and web apps, have been released in conjunction with TinyMCE 5.2.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A new set of premium skins and icon packs, designed specifically for forms and web apps, have been released in conjunction with TinyMCE 5.2."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Stylized letter B, half in bold.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACxFBMVEUWK18WK14OI1cLIFUMIFUMH1UNIlcUKV0RJVkPJFkVKl4WKlwPI1YLIFMMIFMLHlMLGlILFlALFFALHVINIVQTJ1kRJVgLH1MPJFYUKVoVKVsOIVMLH1EMH1EMHlELE04JAEcIAEMIAEEIAEIIAD4MAEgTIFQQIlQPI1QUKFgMH08MGk4JAEEcmaQo1doo1NkfpK4XZHkOAEYKEUsLHE8PIlIUJ1UUJ1YLHk0MHk0LFksIADUlxcwy//8u6e8t5ewqz9kq194bk58PHU4TJlMUJlMMHUsLFEgHAC0kw8kw9fobW30UAE4PAD4Wa30oz9YTO18SGUsTJFATJVATJVERJE8LHEgLEkUHACgaXnsMADwEAA0OSF4pzdUYQ2kSE0cSI00SJE4TJE4RIkwMHUkLHEYLG0YKEUIHACIkwccx//8t6u4r5ukjvcMp298nuMYSAD8RFEUSIUoSI0sQIUoMHEYKG0YLG0MLGkMKDz8IAB8lwccx/f8r2OAq0tsnucYnu8cq09oZc4EPADgRH0cPIEYLG0QKG0MKGkAKGUAMET4MAB8lwsgw9fkYS28OACAPACkNAAAek5wmvMYQADcOGUELGUAKGT0MGj4PFT4IABAkwscw9voZXXgOADEMABkMAAAfn6YnuscPADkJEjoKGD0KGT4JFzoMGTwPHD4MEDgFAAQkw8gt6u8s5uony88nyc4q1NwcaocJAC4JEzgKGDsJFjcLGDgOGzsIDzUHABodl58r1t4r1d4lrLshkqQYUHELADIICzIJFTYJFzcLFzUNGTcKFzUIFTQIEzMMBjAMACYPADMPADQPADYOACYJABEHACMICy4JFTQMFzMJFTEIEzAIFDEMFjINFTMMDzAMBywMBCoMBisKCywIDS0IES8IFDAIEy0IEi0LFS8MFjAMFS8MFC8MFC4KEi0IESwIEiw3yoXWAAAAiElEQVQYGQXByzGDUQCA0e8kd7II+R9WVjSgOK1oRkEqYDLEjMV1jqDUnB3568QdgTmPuJ0xNgLg+3SvxlpB4ILZWDIPAB/PzBpLBeAFMbaKrxYAjLWwA4DxUAAAn2MvAOA697EWAGBtbIG3V8D1qbwzDwigGisAuJ2rxgoAP49VjUUE/F6q6h+4eBgKvLcLAAAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4HRyCLVEHLHJHpouAtPpab/6fcd6af6f3edfc0bc5af4cdd1ee3468d/Image_default_SkinIconPack.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Skins and Icon Packs: a closer look at your options","slug":"skins-and-icon-packs-a-closer-look","featured":false,"lastUpdated":"Aug 27th, 2019","description":{"description":"<p>You now have the ability to build custom skins for TinyMCE. In this post we share several pre-built skins for popular design systems like Bootstrap, Microsoft Fabric and Google's Material Design.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You now have the ability to build custom skins for TinyMCE. In this post we share several pre-built skins for popular design systems like Bootstrap, Microsoft Fabric and Google's Material Design."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACGVBMVEUVsesUsOsMresJrOsIrOsSsOsOrusTsOsUq+oNqeoJqOoKqOoMqeoSquoPquoOqeoTq+oNpOoKo+oLo+oJo+oIo+oMpOoSpeoPpOoTpuoTpeoLn+kKn+kIn+kAnukAnekJoOkMoOkPoOkToekLm+kImukAmukAmOljrOxhrOwAmekPm+kTnekMlukKlukBlulure2XwPCUvvBvre0jmOoEl+kTmekRmOkMkuoLkuoIkukAkOk8muuYv/GixPKVvPA4meoBlOkSleoTleoRlOoMj+oKj+oAjuoRkOoolOpMm+yMtvCNtvAxlesAjukAkOoPkuoSkuoTkuoRkeoLj+oMi+oIi+oAiupvp+6jwfJ6q++Bru98re9Vnew2lOtOm+wAjeoRj+oQjuoMjOoMiOsLiOsLiesAiOtjn+6cu/Khv/OWufKDr/CjwfOVufJjoO4AiesOiusMiesMhuwLhuwNh+wPiewAhexKku19qfCOs/JvpO9enO6IsPGmwvQDiOwAh+wKhuwLg+0Nhe0Qh+0MhO0Eg+0Hg+0Uhu0YiO0Nh+0Ahe1MlO5bme8Ag+0Fg+0Kg+0Lge4Ng+4PhO4Mgu4Kge4Jg+4Hhe4EhO4GhO4AhO4Agu4Ege4Jge4MgfAOgvAMgPAKf/ALf/APg/AOg/ALgfAIf/AJf/AOgPELfvEJffEKfvENf/EMf/EKffEKffMJfPMMfvMOf/Pk6HgGAAAAg0lEQVQYGQXBwVHCABRAwbfxEwwOEwqw/wKFEyJxV6iq8v7wbuETVdWx8Oqk2ag6FuE5q8ylKjgWv7OqZqsKaFZVs1URoMp8VUCgPOZaAQA/33OrAICl2QsAuO/NLgBw349mDwBQzQ7BseCxV3OFv0nheauaC7yqTupc1ZzFWh1HVVX/HdAVvVZOwcIAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ZWvwGVkO61EQGrJUmustQ/9cea2607c3f261407b7cabd32534eea7/Image_default_generic.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":null,"metaDescription":{"metaDescription":"You now have the ability to build custom skins for TinyMCE. We share several pre-built skins for design systems like Bootstrap, Fabric and Material Design."}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":1,"currentPage":1,"slug":"skins-and-icons","title":"Skins and Icons","page":"tag","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"]},"bannerForTag":{"bannerDescription":"Improve your editor UI with out-of-the-box Premium skins and icons ","bannerButtonLabel":"Explore Skins and Icons","bannerExternalLink":"https://www.tiny.cloud/tinymce/features/skins-and-icon-packs/","bannerIsEnabled":true}}},"staticQueryHashes":["2492987505","740350947"]}