{"componentChunkName":"component---src-templates-author-page-tsx","path":"/author/marty-friedel/","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":"CSS preprocessors and frameworks: streamlining your CSS development","slug":"css-development","featured":false,"lastUpdated":"Aug 23rd, 2023","description":{"description":"<p>How do you approach CSS development? Find out ways to streamline your projects, including vanilla CSS, preprocessors such as LESS, SASS and SCSS, as well as Bulma and Bootstrap, plus utility-first frameworks like Tailwind CSS.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"How do you approach CSS development? Find out ways to streamline your projects, including vanilla CSS, preprocessors such as LESS, SASS and SCSS, as well as Bulma and Bootstrap, plus utility-first frameworks like Tailwind CSS."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"CSS, the initialism, appearing in a box, surrounded by colour, showing the design power of CSS","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAulBMVEVo8eVo8eVo8uVn8uVl8uVo8uZn8uZl8uZi8+Zk8uZ/8eZp8uaA8eZr8uZs8uds8uZm8uZ669+h3dqI6dyw8Ohy6dp76N6x8Ol97eVm6uFt8eFu8eVj7+F16dyg2NGg5Nes8Ol53s584NSs8emP6uGEz9+V2c+F7tRl8udl8eW37ufG6uSA7OKv8eqJ6NGK39Ow7+l87+OB2+J04+Bm7+Fn8eaS8eea8ehn8eVm8+Vm8+Zj8uVi8uVm8uVrdVXpAAAAAXRSTlP+GuMHfQAAAF5JREFUCB2NwTEOggAQAMHd87Aw8hVi6f8bGxN6HwKFyAEVJFo4o3wLfkg2ioXCp4Bk1bhB0WGCBPLibgQSmK/u2leRrFoPAIU43ezzfa5OnzWBAnHXRzBXQQEGf1oA0sUURFtZ2vMAAAAASUVORK5CYII=","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1lrHp6Ww3gXvSDua3WTjDE/c68cbcea100165fd35106a8d881c21ce/CSS_preprocessors_and_frameworks__streamlining_your_CSS_development.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":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"CSS preprocessors and frameworks explained | TinyMCE"},"metaDescription":{"metaDescription":"Dive into CSS development optimization with our guide. Learn about vanilla CSS, preprocessors like LESS, SASS, SCSS, and frameworks like Bulma, Bootstrap, and Tailwind."}}},{"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":"Learning to love the menu","slug":"loving-the-tinymce-menu","featured":false,"lastUpdated":"Oct 12th, 2020","description":{"description":"<p>I used to always remove the menu in TinyMCE. But why clutter the interface with three rows of toolbar icons, when you can simplify your UI with effective use of the menu?</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I used to always remove the menu in TinyMCE. But why clutter the interface with three rows of toolbar icons, when you can simplify your UI with effective use of the menu?"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Menu options - File Edit View Insert Format Tools Table - with love heart above.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABU1BMVEUEb9YDb9YEctkBctgActgFdtsEdtsAddsAdNsAbtoAc9oGed0Bed0Ad90AdNyEpeSAo+QAcNyBo+SDpeQHfd8Gfd8AfN8Ad96iuur8/P75+v2WsuiXsuj7/P6iuekIgeEHgeEAf+EAeeDU3vX////19/zU3vQJhOQIhOQAg+QAfuO0yO8KiOYJiOYEh+YAheUAhuW3y/ADh+YKi+gJi+gIi+gAiugAh+cAiue6zvIFj+oDjuoBjuoCjuoAjuoAiuoAi+mzy/IEjuoQk+w8mu1Am+45mu0zmO0rl+09mu0umO03me04me0+m+09m+0Rk+wWl+9SpPBqrPFWpfBwr/JRo/BvrvJkqvFlqvFMofBnq/FOovBgqPFapvF1sfJPo/ARmvEyn/E0n/E1n/EwnvEzn/ExnvE2n/EPmvELnfMHnfMGnfMFnfMEnfMQofUPofURpfgVhqdtAAAAnElEQVQYGV3BO07DUBRF0b2fb/wRskiDRMP8B0eFKBIrwodnQwNryUl+hIONg3JIONQA2CEhHVAj4Al9JAFqAX/tg1sSqCfwgIRWSaBmsNsIcKkkUBewGz+BNRkegZoEu/mdl3SNUJMd6BtJiPt4r0WN+6DYbfNtWmv1lKbel9uzVz/qqmlmt1uGiXJ/rcUunMwIfqUuyF9Sjf/kG8lvPEY6ghwEAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2HSQbfxcvLcvHOLzm6AMlO/5be3ac495a6b69e056687876e9cd2e60/Image_default_LoveTheMenu.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Marty Friedel","slug":"marty-friedel"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Why remove the menu when you can learn to love the menu?"},"metaDescription":{"metaDescription":"I used to always remove the menu in TinyMCE. But why clutter your interface with three rows of toolbar icons, when you can simplify your UI with effective use of the menu?"}}},{"node":{"title":"Lessons learned over 20 years as a web developer","slug":"lessons-learned-over-20-years-as-a-web-developer","featured":false,"lastUpdated":"Oct 5th, 2020","description":{"description":"<p>A discussion of the top five areas of expertise that no web developer should be without, covering performance and optimization, tools, image compression, testing, and approaches to learning.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A discussion of the top five areas of expertise that no web developer should be without, covering performance and optimization, tools, image compression, testing, and approaches to learning."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The number 20.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAADh0lEQVQYGR3BTUwcVRwA8P9782Zmdz52Z3e2O/vBR4GCbJGkxGjQtCqxFTRROPSstNx782g8GA+mUQ8meLBFaJNi0oMx2prYEA8UG0Ji0kYOFoILC8x+wLJ0dmd33nszY+Lvhz45SySfSxSMCiRfy8LFD4+svJHN5c2EQMTmi1Mh8B2Pp/3OyNFmevc7pALoAKoG6jDxuR8yCCuAZ640xi/Fzw2OZqyUkVCjCkKYMq4rkYB6jtP6x+6jyVz++afYhRA1AYrCKxKQGmgzk+HbV1JDhYyVKR/aTrOpKEqUiBIhB3Z5e+ffuKr19vZtQcyHAcP+AwGA7xJ+BDDSRcYvqemsqqiLCz/cu7UAALNzs9OXJ0JEZm/cYM3jrp6Xbs3PFwYG/+64icZ1016AEDAHUN56j2oxy8pUKxWv1Vr68e7nX36xeHuxuFN8tHzn8sTEysrqO2++8fODB5IsdfcObOfGGRagA1iMALayqqYjjDK57Edz16NhWCmXJ96f6uo/267tm6YZj8dyudyBbXucpU2zEc+exqaDNmBp7AIjoqoqnDFOKe+0d5aX7n/z7dTUZDKTSfb27Ty8f1zalSMRj3PKGBZQNG7UtT6/DRgnUj5GgiAwRlnHRUQ8DvHLr786fL6AI1HJzKSL9erTv1AY+IxRn/HQl2W5rZ5hLmAQJYQQhAGjHiKSXa3e/OXRxekZTdMAIBaRhwE6D5drG094GDCv3em4POA8xKwJmL04DX2fMQYAPAjWVh+PjBaGzxf8IGDUq1fKHoCX6hbTls88r93yaMdpNWVK2Qlgb3MtcFtNxyGiWLbL976//cHVq6quB0HAOeOuiwcg+e6kku+q16oe5x6jjXotrJVpCwivgl+rnsSNpGnuFYsAQCndfPZMkqR8KkmapycRa6vurP653tPdLRBSqdf5kc0OtzoIhDEApIhK/znKueM466uPn6ytrfz2+/bu7lhhKHkmtS3Fv/p6vru/b3bumqZrxdJ+/95O9Nc7IAG6ZkJ4DJm5j6XBISQIRiJBCMEYi6IouE4C89DqctueEdMkWd7dK/W4zfjSzUijJCogXDBkEPzW+lOjMIx13WPM+J+m662TeiphID1GiNhoNPZLB5bTkH+6yzafCwkgMgijMTkMWeDCyfqGlrPiVuagUrEPD91Wq7ZXDBgt1Y5L+wfY95MVGxY+8zbKQQywCAjDf4ZOwjSZZuE9AAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6amp8fmeVDhXPf8o6nxzBC/65575f34ce81cc2cca8e7dba6c5d68d8/Image_default_LessonsLearned.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Marty Friedel","slug":"marty-friedel"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"Making the most of templates in TinyMCE","slug":"tinymce-templates","featured":false,"lastUpdated":"Aug 4th, 2020","description":{"description":"<p>The TinyMCE template plugin can save users a lot of time, especially when they&rsquo;re entering the same content over and over. Check out these TinyMCE template examples and how to make the most of the plugin in your applications.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The TinyMCE template plugin can save users a lot of time, especially when they’re entering the same content over and over. Check out these TinyMCE template examples and how to make the most of the plugin in your applications."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"Insert Template\" with corresponding icon above.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACJVBMVEUUneAGddcCatYDbdYDbtYDbNYTmd8Tmt8XpuMTm+EHedoEb9gHetoEctgEcdgIfNoOit0UnuEVnuEIfdoOjN8WpeQUneIQkuARleEEdNsFddsIfNwTm+IWp+UEdNwOi+AXp+YXqeYSmeMFd90Ged0Ed90DfN4Dm+MEm+MDfd4Ge98Qk+MXqecXqugTm+QHe98Hfd8CfN8Aed8yh+EIgeENjeMOjuQMiuMIgOEHgOEAgOEAf+GVs+sOjeMIg+QHguMEguMFg+MGhOQEhOQAguM7jOWyyfEDhOQFhOQEg+MFguMHg+MFh+YAh+YAheYAheUAguVooOqxyfJmn+oAhuYBh+YGh+YAi+gFi+hxp+xjoOtGlulFlelKl+pdnutTmup8rO0/lOlNmOphn+tanOpcnetQmepioOsKi+gAjuoUkOqWvPGmxPOjw/KryPOhwvKXvPFaoO2iw/KnxvOvyvSpxvOoxvOQufEPj+oEkuwIkuxKne4ulu0xl+04me0rlu0kle0Mkuwqle0yl+0hlO1Zou49mu02mO0wl+06me1Jne4Lle8GlO4Ak+4AlO4Ale4AmO8HlO4Mle8OmvETpfITp/IRo/INmfENmPEPnPEXsfMOnPEMmPEMmfEPm/MUqfQbu/YbvPYXsfUPnPMRofMZtfUZtPUPn/UWrvYbvfcbvvcYs/YQoPUTpvYVrfYauvcXsvgcwPkauvkXsfgYtvgRpPcRo/fWgMTFAAAAjElEQVQY023PwW6CABRE0bnyKKhNY1z5/z/o0qjgdQGF0jjLk0nmPQKEMBbPxhiVniWv5qmq9b1YtJvxsDYZ/NR0bWaD6W5bbOB2gPoBIkAYTb5ajnX8M/ToALjWeTV34H0PdeJ/rqc6T1/GXUYSkwvVQ6YDAuRudB4KDGlfplWt/S8SdXpgwQypzPgGu0NZXOm8JzYAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1ghzYoVpEmoMcGFFSShfOm/96adc42dadd5a92d80b536a529fc203e/Image_default_tinyMCE-templates.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"Why I chose TinyMCE","slug":"why-i-chose-tinymce","featured":false,"lastUpdated":"Jul 20th, 2020","description":{"description":"<p>In this review of TinyMCE, Marty Friedel tells us why he first chose TinyMCE for his projects and has continued to use TinyMCE for years. He says he has seen it evolve from being a great WYSIWYG text editor to a robust, modern, flexible, and incredibly powerful platform.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this review of TinyMCE, Marty Friedel tells us why he first chose TinyMCE for his projects and has continued to use TinyMCE for years. He says he has seen it evolve from being a great WYSIWYG text editor to a robust, modern, flexible, and incredibly powerful platform."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two arrows, one pointing up and the other down.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAACZUlEQVQYGQXBTWseZRiG4fO67mfmfZNJLNREq1boyo1FioItgoorBUX82Lhx7W/wD7nWjbhx4VIEEcWVCH4VjBpI0qZJZp65b49D48E9AACoohfFsDNEC8Q8L9mTJblImjw1TFY53KI1SQBAUb3UGQ52/aDTNC+9EqXYG/XMlr7WPxfeRgvb7utqyZKF6ei07755e/rgVd2Y5qPL6iXESd/ce+7ax2/vvf86YcrDMGRWFUYG0dHJOr33wvbF237qcHjrZW7t6WSlBKiFNiPjEOUWcTV3SdvNxiBKsqePXtrevcPQcl3jxuHeh6/FnUM6QpQojBzRe4KiDdGakWSPB1PsT8sf9/PyEmk9+i/PHsbT1+kCA6JU9DmRx83ocFY1O4YWvsirz76bz6/2Pn0ndrbzr3/On/+gaU9Tq/M1bMkpZI3j4DAAtHEcbFdmn4LYSAKphdjV/gAEzSgzqRq3g1uAgKxyRFSx9CxJESAABEZurUWLNUvIsh0qSc6iL+kqLT2rJFmWbNnIQi1CC0u/JEuSqvi38zCz59oT1Oa+UpKEEpmqqlLRxsFduvvs7s3DYZqUqe1288krtfTzb37mwSLLICwsZGRkyWF7jF6Vf58O1/b9xHUKbze6+eR8esbZjI3lcEgWlkwYECD1q/LY4q9Hy5ff59Ex4ZyXi29/XL74RWqyJTcky5VZloWWteZl7aunGDaDUR3P/euf/Mbz82/3+1e/+/ENTQBCj916V5JEZjXE/tCVetSHagoBFOvF0req864wTQAANOQCwTi2Wms5ngXjzqBmAFgze4ir0tiQEAAA/A/tFBkAJ7+4WQAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7Bp3J8BIs7lW8ChdukvwIU/70bda63a70700fe991b4b6b2fff07a14/Image_default_why-tinyMCE.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Marty Friedel","slug":"marty-friedel"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Why I chose TinyMCE"},"metaDescription":{"metaDescription":"In this review of TinyMCE, Marty Friedel tells us why he first chose TinyMCE for his projects and has continued to use TinyMCE for years. He says he has seen it evolve from being a great WYSIWYG text editor to a robust, modern, flexible, and incredibly powerful platform."}}},{"node":{"title":"5 ways to keep your brand consistent with TinyMCE","slug":"keep-your-brand-consistent-with-tinymce","featured":false,"lastUpdated":"Jun 17th, 2020","description":{"description":"<p>Keep your brand consistent with a WYSIWYG HTML editor. Here are 5 ways to help enforce personal or corporate style guides, to keep your content on brand while giving your content authors the best possible authoring experience.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Keep your brand consistent with a WYSIWYG HTML editor. Here are 5 ways to help enforce personal or corporate style guides, to keep your content on brand while giving your content authors the best possible authoring experience."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Alphabet in upper and lower case, in different styles and colors.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAAC/UlEQVQYGUXBTWucVRQH8P855z73eZtnJi+TlzZpGpNJBO0iipQKVdwp4qKoUOhOcOFH8JuIH8CNoO660I2rWkWsWKwUW0OTEtOk0yQzmZnn5d57TFb+fmS7V3GO8D+FKqAAAYozxADhXIAqQCACiBEqQqBzTOdA6qE1tIaWJDGZjAA6g4BQ0Rl4QiCCSV/6pH5+J4weAQJtoE6mrtrZ1zU4P/wbHHPUKne/ImmTJPHie5IthVDVz34M420pNj8jjtzxr5xvmKktgEy+Isl8KA9MewN+zOkiRbPqy2j6jajzcn14R91I6z4nCyL5ZVOs+dFTyVajds8Um9oMTL5CFIdmgOZU8hUQ286rZAo/2Wv2v9bxNmerydIHkl2+yXaaOJfORTjPpgjVMdmoDn9GaU9jpqpqDn4yF7ZC7kS64XQoxSuSr3AyJ+SPQzWU7IK7skzBYXgcZIhLPVxa92mphRXNpLvpFrlx28ytqPuatJb9i4dgI7ZY08FTt9oKReqjsa8e+96q137gMugwWHVux3WN7t+nH77wM5lbSPzR7/rv/TB+JFHRg0Rh44oO+sEmYWo+SKSuUVdpUCVGNdGmDnlHV7bC1LySYvCChqck1iixZ67v/YInh5htYW4GLBiN0J3F/gHSBHmOf3awOIvpGeztYXoKTZWQYWKKl971QW+83Wu389PRhKDtIqtqF7y3sfU+jEYTMSa2UV1V7U5RltXz/uD2zztZxEbBxJq3siRNonNGFcTNpKytjZvGdbspMbnGizEgfvj42dHJxBohIuMUqvTbH09sJMwUWzOa1Kqoap/E4lyIDDNT44IRYaYHOyelC6kREAh4E0hRCIYTwCNLkRuQAwEwgEczgAK2A7IgziISAhEBkG+++9KFo7/uHZlbH8XXridNPxmXycK1tL1uQz+O0nz902zhelTtWhpJmBC8mFg1NGXffHjj/eWL898Ov3dvfQwbU6sd3b5r5t8BsSPhfC1duwmAOB49+Lw62QVn2dyWKwfl4d3/AOzqaZjnXnKQAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Lx4Ge3CRuZJpN6nKHKNPI/06108878cd042e2c42878786854409b2/Image_default_brand_consistent.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Marty Friedel","slug":"marty-friedel"},"category":{"title":"Product-Led Growth","slug":"product-management"},"metaTitle":{"metaTitle":"5 ways to keep your brand consistent with TinyMCE"},"metaDescription":{"metaDescription":"Keep your brand consistent with a WYSIWYG HTML editor. Here are 5 ways to help enforce personal or corporate style guides, to keep your content on brand while giving your content authors the best possible authoring experience."}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":1,"currentPage":1,"slug":"marty-friedel","title":"Marty Friedel","metaDescription":null,"description":"Marty is a web developer, landscape photographer and group fitness instructor. He's also a (very) long-time user of TinyMCE and writes about JavaScript on his blog. https://www.martyfriedel.com/","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"]}