{"componentChunkName":"component---src-templates-author-page-tsx","path":"/author/fredrik-danielsson/","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 create a Learning Management System for educators","slug":"how-to-learning-management-system","featured":false,"lastUpdated":"Mar 9th, 2022","description":{"description":"<p>This new guide explains how to create a learning management system for educators. Read on to find out what features you need to help your LMS customers.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This new guide explains how to create a learning management system for educators. Read on to find out what features you need to help your LMS customers."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to create an effective LMS for educators","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2JmhxW9evong07VbjeUyBd/8cf5ec0d1c6454bf93ebdec371cef712/Image_LMS_for_Educators.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create learning management system for teachers | TinyMCE"},"metaDescription":{"metaDescription":"How to create a learning management system for educators explained, along with what features you need to help your LMS customers."}}},{"node":{"title":"Useful styles for your TinyMCE content_css","slug":"wysiwyg-css-style","featured":false,"lastUpdated":"Jun 1st, 2021","description":{"description":"<p>Learn how to make the editing experience of TinyMCE even easier. There are a few unique css options you can write into your content_css to change your WYSIWYG appearance, which makes editing even more convenient.&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to make the editing experience of TinyMCE even easier. There are a few unique css options you can write into your content_css to change your WYSIWYG appearance, which makes editing even more convenient. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Stylish clothes on a rack ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAARABQDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAACQYHCP/EAC0QAAEDAwMBBAsAAAAAAAAAAAECAwQABREGEiEIBzFRcRMzNjdBdIGEsbKz/8QAGQEAAgMBAAAAAAAAAAAAAAAAAgUBAwQA/8QAIREAAgEEAQUBAAAAAAAAAAAAAAEDAhESMWEiMkFRsdH/2gAMAwEAAhEDEQA/AOi7YiDaVR0yMgu52bUFWcDJ8uPwaLSB2WsLU1hhwhJckYYBIK0tlQ4VtV3eBznwwa5uyuCrt2RorNsR6MYAIqbkBg9TfaBLeRp0uzXYlvjxrjIWWHClRWIqkpPHfjefrS+e9cePK+jGDoky4fw0rpD0VIt9m0axebdKaetwgLWzIaUUtSHStxS/NQkKCs/HGeacx4uOt1b8CmV1KSnHQgyHEpGMis4bCS6iPd5I+Rm/xNY/Qwf6JJo/2Ctf2X7Iq+nbM9XYite9YasKT//Z","aspectRatio":1.1984536082474226,"src":"//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=185&h=154&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=370&h=309&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=739&h=617&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=1109&h=925&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=1478&h=1233&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=2217&h=1850&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=3255&h=2716&q=50&fit=scale 3255w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=185&h=154&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=370&h=309&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=739&h=617&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=1109&h=925&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=1478&h=1233&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=2217&h=1850&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2nYgMoYuci0t1EGaMZ586o/431f190ad52d5c5b6e99af1e2c816073/amanda-vick-zw_oaDbfzyE-unsplash.jpg?w=3255&h=2716&q=50&fm=webp&fit=scale 3255w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Useful styles for TinyMCE"},"metaDescription":{"metaDescription":"Learn how to make the editing experience of TinyMCE even easier. There are a few unique css options you can write into your content_css to change your WYSIWYG appearance, which makes editing even more convenient. "}}},{"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":"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":"Blockquote CSS and styling in TinyMCE","slug":"blockquote-css-and-styling-in-tinymce","featured":false,"lastUpdated":"Mar 5th, 2020","description":{"description":"<p>Blockquotes can add more interest and authority to your content. Here are four examples demonstrating how to style blockquotes with CSS, including how to do it in TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Blockquotes can add more interest and authority to your content. Here are four examples demonstrating how to style blockquotes with CSS, including how to do it in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Rich text editor containing content with a styled block quote, Tiny company logo above.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACPVBMVEUVsesUsOsMresJrOsIrOsFrOsCrOsErOsJresSsOsOrusTsOsUq+oNqeoJqOoKqOoFqOoAqOoAp+oEquoLquoIqOoOqeoTq+oNpOoKo+oLo+oIo+oAouoxp+pvt+48qetjs+1Orew5quspp+oQo+oGo+oOpOoTpuoTpeoKn+kLn+kEn+l/uu6iyvKGve+Ive+dyPGLv++VxPGBuu8Sn+oJn+kToekEmukCmukAmukAmelEouuEue9OpetBoutjrexDo+tvsO1mrewGnOkJnOkLnOkNnOkOnOkAk+kAkOkAj+kAjugAj+gAjegAjOgAkOgAkegAkugAlukHkumRue+Zve6Yve+Wu+6XvO6Uue2Xve6bv/CdwPKdwPGdwfGfwvKRuu8Aj+dKmev09vz///3//vz+/fv9/Pr8+/n///7////x8fMyhdVBk+v19/739/fs7Ovs6+vt7Ozr6+rr6ur5+fjw8PEgfNA9kOz09v339/ju7u7t7e7s7Ozz8/P4+Pj29vb6+vrv7/EZedA9jez09v7//u3///L9/f7t7e0YdtA9i+3y66zy6Zny67Hu57D28MH7+vXm5ufn5+fm5ubl5eXv7/AXdNA9iO709v/o35Pl2Enn2kfv5ZH+/fL8/Pzn5+jo6Ojp6ekXcdE9h/Dq4ZTi1VHn2lTr4ID69dn+/fzv7+/x8fH19fUXb9I9h/Hs45/i1mnm23b178n69+D8/Prk5OQWbtI9hPL+/fb8+/X9+NT//eb8/P0WbNPvvP3bAAAAvElEQVQYGT3BzS4EQRhA0XtrvvnprtKTSdiJDU/g4b2LlYVYmEiYMMiELtUmnCMqKiDqgYVR1JqUpiaNlUTRmpzgEcbGShpn/gNiUPDPZ2cTGwWsNt8xgB99ZCc12SDg2lgrNuM4BwQ0sl8wF9Fx5h6ykd1BdvLC2j0Uo7g79x4uXlMZ3qRZxvLAwiu1V/MWODVOfBg8wtsZTUkF8q/3vu+vdzQ58p7s5HFb62V5hrMudU90zc0KHO4SzfIH3UgoI+AQqOkAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.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":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":{"metaDescription":"How to edit CSS blockquote styles to match your website design and engage your readers. Blockquote CSS examples, including how to do it in TinyMCE."}}},{"node":{"title":"How to use variable fonts","slug":"how-to-use-variable-fonts","featured":false,"lastUpdated":"Jan 6th, 2020","description":{"description":"<p>Learn how to load and use variable fonts for added customization and flexibility when working with typography, including how to use them in TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to load and use variable fonts for added customization and flexibility when working with typography, including how to use them in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Three capital letter 'A's, each styled differently.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAADKElEQVQYGQXBS2hcVRgH8P93zrn3zp2X82imnU6w0ncnMYHEWEgRsxCLoEK7aDclIgULItiFIGgU3LoQKbhw44Ouio/gRqq0C3VhRZRYK/hINTaOThJnxqTzuPeee77P349qE08BEo1i55gIAAAAgAACEAQAQSvlB35qU5tYYXie8X3PQNIoStLYUSoSKFIAIAIkIlsWWUVFrTzl+Sq1iY0sbzvvrhjDjMREw1EaOVX29Z68vdlBVhMBMfOGzTy+z3X6/HXXP5hz1tooda04M1EMm3VxDIFxNpV2nD87k5+dar/0vthUFLmNQf7c9H1vvByvrf/14FLaG6UBcdv6SBtvXczNTIEZEAXrAGfGyjKKguk93E1kZBm9ypmTplTKNo+EF49HnY7sJJp71ddPF+bndCGrinlVKCgZWt3M6yCIVteCgw1JIu4Nw4Vm8fjs9mdf2G6vfPpRwVD1++FDh8pnnyRPCwscg1lxfxRM1CW2w1u/eburADu0q08/oTLh1ptXdm58m5ueLJ2aB25XX1wM7t0rTpI7/4AZBCXo+/sb6UYnurpKGc9Uw2DXeGnhxOjWL93rb3fe+xgkpTMni88sFh8+AcD+vdG5vMxpCpABnF/bNfhyRWTISew3xwqPzfn1ev/GytjzS8pou7lVXJjPzUzqfCgMHkXhXJOUAkC5w4/sfe25ZL3NSRyM16Mffq4snsreP+m2d0AEERB0sQAiiJAiEAAIAyImnD8W317vLH2gyiqYbVSfPRcePdz78NPe5U9UPsODKHzg2O4XLuhsKAK72RXnAJhKSQWeyRzYl9xpMbpqJxxcu9m4dECipPfO8uDzZUIZMLVXLuhcCCBZa/15/tXk1xYY+69fyk0c0abcSH78gxLrDASgsczgq+/6715ThQp5oT5aU6Xi4Puf+t+s/PfR1d7yFde/awer4gXx7y3Kqil1j8eG2AkGKcU9Ba0KZcoaALJtbdRKsQlAYVwFFWQ0Iub4X0aL8rVZxywiIDJEBAIERCACwM4568AAAYqgCAQIwAIRk7oEAgBaKRAJAAAABMzCzNCABgBAAEAAAAoA/gfp7J4D8bJIUAAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.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":"fredrik-danielsson","title":"Fredrik Danielsson","metaDescription":null,"description":"Fredrik is Principal Designer at Tiny, responsible for choosing the exact right shade of gray for borders and icons.","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"]}