{"componentChunkName":"component---src-templates-blog-post-tsx","path":"/how-to-configure-the-autocompleter-api-card-menu-items/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"7CiPZcM2c1dgs7HCoC2tFb","slug":"untitled-entry-2025-11-25-at-14-40-59","title":null}},{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way"}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth"}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG"}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design"}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights"}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source"}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE"}}]},"contentfulBlogPost":{"title":"How to add autocomplete in your app with TinyMCE","lastUpdated":"September 27th, 2023","publishDate":"2023-09-27T00:00+10:00","category":{"slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","blog_post":[{"title":"How to Integrate TinyMCE into a Laravel Project","slug":"how-to-add-tinymce-to-laravel","featured":true,"lastUpdated":"Feb 26th, 2026","description":{"description":"

Learn how to integrate Tiny into a Laravel app using CDN or self-hosting. Step-by-step guide with Blade components, Vite setup, and license configuration.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to integrate Tiny into a Laravel app using CDN or self-hosting. Step-by-step guide with Blade components, Vite setup, and license configuration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Create a Laravel Project with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABqlBMVEUJElMKE1QAB08ABk4ABU4ABE4ACE8IElMCDFEAAk4AAU0AB04EDlEJE1QAAU4cIl0tMmkkKmUtMmgrMWgqL2gzOGsyN2s1Om0zOGwhJl8AA04AAEw5O2JlZn0rL1whKGQ8Q3o6QXk+RXo9RHpCSX1BSH08Q3gxOHEdJWMAAE4ABk8tMVxWWHMcIVYjKWVbZZdseKdrdqZrd6Zsd6ZqdaVjbZ5YYpVFTYMsMmtCRW4EDlIAAU8ABU8BDlMAA08jKmRdZ5hveqlueahpdKRhbJ1aZJdBS4Nxcoq6usFJS2wAAFAOFVQEDVEmLGVaZJRpdKJoc6BpdKFkb5xgaplZYpNETIJHS3RzdIohJVgCDVIDDFABCU8iKGQ7Ro0+SpI/SpA/SpFAS5BAS5FDTpM1Pn8jKmkEFF4AAE0JElIAAUoOHGdTZdNwf+RvfuJygONtfOJse+J1guNxgOQuQKQaIFgUG1kLE1IABU0SIXEcKHYVI3QeKXUXJXUfKnYcKXgEFGABCEsFDlAIEFEMFFILFFQAA0sAAEIAADwAADsAAD0AAD8AAUgBCE4CC0/x2NGcAAAAgUlEQVQIHV3BsQ2CUBRA0XvhCcYCYu0EDuJSJjS6hzs4iBs4gIWFpQnIFz9UniOKAjJJqaRP1n4YRSCwH9d9ZdRvy8oJzh7gzkWiMLsTtP6BSFszUuFsiHg8D2a4CCJozXABBcO1ydrZpRmGqKvUvLbqWPrTuVHPp9VRJVE4ubnvvvvOH3NuUin/AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5d3MI3yLPU2yRuI7mWlOw3/3c0ecc44fff59f8f90e95ec82267edde/How_to_Create_a_Laravel_Project_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Frédéric Harper","slug":"frederic-harper"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Add TinyMCE to Laravel (Cloud & Self-Hosted Guide) | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to integrate Tiny into a Laravel app using CDN or self-hosting. Step-by-step guide with Blade components, Vite setup, and license configuration."}},{"title":"How to Build a Team Collaboration App with TinyMCE and React","slug":"how-to-build-React-team-collaboration-app","featured":true,"lastUpdated":"Feb 18th, 2026","description":{"description":"

Step-by-step guide to integrate TinyMCE in an React collaboration app, including life cycle, forms binding, mentions, and scaling patterns.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide to integrate TinyMCE in an React collaboration app, including life cycle, forms binding, mentions, and scaling patterns."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a Team Collaboration App with TinyMCE + React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABtlBMVEUIE1QAB08ACE8ABk8IElQIElMGElQACVEAAE8AAU8AA08ABE8ACVAADlMADlQAClEADFQAEVUHE1UeF04kGk4jGE4ODU8oGE4RDU8OC08AD1QpJFg3KFYAEVYAAVAAE1ZCMFUvJlcADFMAAFBnSkmQZEKLXENxRkh9SUiLTUhwOktGLlZNL1MAAFgACVlVM1M8KFdTOkiAVj6FVT1/TEB2QUOFRUJ2OUZ0Nk2BOk9LIFAABlEAAlhZXHebnKddYXsAA1kAEFUACFAAAEtMQ1x7aGyCbG56X2VzWGSBZnB5XmxaKU11NE9CHE+VlqLZ2dyUlaIAAFEAA1AAAEdaXXZ/gZKIi5qHipp4fI6FiZh0eIsADFEAAE4AAk8ACFMABlUAAFZGSmx8fo89Q2oAFloIF1dQUW2JiZeRkZ6YmaSHiJYLE1EAAEgAAE0ABE4ABFEXI1yEhZRqa4IAAFQADVlZN1E+K1YAAEwDC08wMlw+QGMxM1wvMVsABU8ZJV2IiZhub4QAAFMAElUtIlgeHlgADFIHEVMAB1AAAk4ACVQAE1gADlYABVEBEVQJE1QKE1QAB04JElMYf15lAAAAm0lEQVQIHQXBMS5EUQAF0HteXsbjxxDVZEQh0chX2oHEDuxCNEIyyZRahcJC9JagoVBPJGpiZFB950gkkSQZIkPBCOJ3SDaw3ITWAV8rE4C6C/hYK997rDoW2iEArz3gBIDH6fspPNRtAM4AtWYHANyfs14PwCL7NxdjZMxV3fL5lOOjGZOCv9vrdlla++n70UwyH16e37Lsyt0/AyIgqverEawAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a Team Collaboration App with TinyMCE + React | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide to integrate TinyMCE in an React collaboration app, including lifecycle, forms binding, mentions, and scaling patterns."}},{"title":"How to Build a Help Desk App in React with TinyMCE","slug":"build-help-desk-app-with-react","featured":true,"lastUpdated":"Feb 11th, 2026","description":{"description":"

Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a Help Desk App in React with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABsFBMVEUKE1QACE8AB08ABk4KElMJElMEDVEABU4ABk8ABU8ACVADDVMAClEACVEDCVIHD1QJElQAAU4AAEwAAEoAAEsAAEkAAE4EDFMTKFwQLl4ED1UAAVAFElURN2MSLF4BCFI2N15NTWpBQWNERGVRUW1SUm0yO2AANF4AO2EAIVUEBVITN2MLQWgAAFcAAE8AB1gKQ2kRM2ECCFIAAEdYW3SIiph8fY17fI2JiZeNjZpXboMAXHgAbYQARmgBAE4EEVUABVhZXHebnKdeYXsDD1QAB1AAAEgAQWYAYn0AXnoAX3oAUnEAZn8AXHcAFVKVlqLZ2dyUlaIAAFAAAlBPU26Fiph0eIp6f4+Ah5aNkJ1+gpEgM1wAGlMECFEOEVUJClUAClhIS2x8fo8+Q2kAE1oIFlY6O2BeXnZKSmhPTmtkY3leXXVUVG8ODE8AAE0KD1UONWQEY4cJNGQAAlcAEVkLOmMSL18DDFMKDVUIUHcAjK8IT3cIClUAA1AGElURJlsRIVoBClIABE4JElUTI1oPPWoJEVQBCVABC1IGEFQLFFQFCVIFAVIFCFIAB04LE1QrHffIAAAAnElEQVQIHWXBMQ7BYBiA4e9tv0p+pSKV2AiLSzgAk8TqEI5gEqPF5h5NLNLR4gx2i6TageRvNWmaCM+DCFJDpKCk0gBBircUBiHzKXWBwsnJRamp2+KPDvlx76MhPAOwChcvHEGHSKVNQGVGRekt+XYbU+ri5s4gvK6Oa2rOI03SZDHNDi/f901za4zZu7I7WRvHVnAn6m3sea7RB77EJUgK3FzNAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a Help Desk App in React (Step-by-Step Guide) | TinyMCE"},"metaDescription":{"metaDescription":"Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink."}},{"title":"How to add images in Angular apps with Media Optimizer in TinyMCE","slug":"angular-image-upload","featured":true,"lastUpdated":"Dec 30th, 2025","description":{"description":"

Enable Angular image upload with TinyMCE and Media Optimizer. Follow our tutorial to set up image and video optimization.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enable Angular image upload with TinyMCE and Media Optimizer. Follow our tutorial to set up image and video optimization."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to add images in Angular apps with Media Optimizer in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABqlBMVEUJElQJE1QABk8AB08ABk4ABE4ABU4ACE8KE1QJElMHEVMACFAAAE0AAE4ACFEABVMABlIAB1AEDlEAAEwBCE8AAEsAAEkAAEoAA1EAC1UbJlwQHVkAD1UABE8AAEZiY3mSkp6GhJOBf4+Oi5mTkZ2MipeUk5+Ukp9VUm5CRWm5ucCPkJwAAFUIE1QEDVBeXHRrd4k0aYA3aYA/bYQ8YXo5bINOcIVMdIghZ4AAHlk7PmSpqbJ/gI8AAFMDEVQABU9EVXFEbYMAZH4AaYEAY30AXXkAbYUAXnkATW0AS2sAHlYAAFQAB1YAE1cAB1UADVcAEVUABFAAAEcLSmomcYcvcIYmYns7dos1cIYAYHoAX3oAJVcBAFALG1kUJF0EFlkOHFpvcIN2d4gtM2AAAFJjYXh/fY2Ni5mamaSenaiIhpUSAE0FB1MQTnAKV3URIV0AF1qAgZCRkZ0jK10PE1ERE1EYGlMqK1kYGlIZG1MAAk4EDFMRLl8QOGQIFlcADlYrMV85PmUADFUABVEBCU8BCVADCVIDCFIBCVEACVEAAVIDD1QIEVMAB06fs+E0AAAAmklEQVQIHU3BPw7BYBzH4e9Hf9pXLa2uYhBHMEgkbO7iDGK1uYAzuIFF0s3uCAwSEQPRxN+XEM+DQG9IwM0EFgN6SOJyqwJnxQcyCift04BrGW9rosHPpo63NlPCV4qX93IaTf4cE16szddiABmeqcbb/JQmfKyCXcd5s+HSuu6jRQyKChV3G+NNRiDnLAz7pSB6KdnUwrKrPAEFuRzdtqYwWQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Angular image upload tutorial: examples how to add images | TinyMCE"},"metaDescription":{"metaDescription":"Enable Angular image upload with TinyMCE and Media Optimizer. Follow our tutorial to set up image and video optimization."}},{"title":"How to create a word processor to rival MSWord and Google Docs – tutorial","slug":"build-an-online-word-processor-with-our-wysiwyg-editor","featured":false,"lastUpdated":"Jul 12th, 2022","description":{"description":"

Learn how to build an online word processor to rival the world leaders – MS Word and Google – with the world’s leading WYSIWYG editor. 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to build an online word processor to rival the world leaders – MS Word and Google – with the world’s leading WYSIWYG editor. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Screenshot of an online word processor built with TinyMCE and DMS tutorial header","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABelBMVEUMEywMEiwGDioAACUAABcAAAAAAAYAAAsAAAMAACMACigqLDuEhYiCg4d7fH+Cg4Wdnp+goKJ+f4GDg4WHiIqFhYmIiIyHh4soKzoACSgGDyoPFS1fYGZ6e351dnhlZmd7e3p9fXxcXVxgYWF6e3x6e313eHt4eX0bHzIDDCkJESsACCgAABgAAFI2QsI2Q8k6RshETsk7R8odL7YAABAABCYFDioAACEAAEcAALcAHb8yP78rOr8AAL8AAKsAACIHDyoKEislKDikpaezs7WwsbGzs7Kzs7Ovr7Kzs7GysrG0tbW4uLmgoKMAAyYLEisIESsAABo9P0nn5+f+/v7+/v3+/f76+f39/fz8/Pz///7d3d0KESsIECs3OUXm5ub////Z2doAACAAABY2OETl5eX6+vnh4eDm5+Xn5+bz8/L///0AAB/6+f7g3fPh3fPh3vHZ1ujm4/by8P7k5OT9/P/s6f3r5/3u6/7z8f/t6v3t6vz+/v/Y2NnZ1w7ZAAAAk0lEQVQIHVXBsQ7BQADH4d//nDptRSdTV4nEYDAZbRIP4RlF4hlMwtg3qMFo0IpzVxbfJxQRSG/o6em9Bad/NRZf6F+NhUKqZupczEIPj0F5XpF9Ga7pBMT6tNLPqy8dt9pbxhtJKPKvRMvbFMPokAdZOnQDlzeJ5mcs7KQ2UfRAzFOwRM1IkbvTMQTj1n2VvZLgAwCPHkRNrcgaAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2HNEZOwr5GWZSm8N8aDqY1/de82a1afa56b75cf29059eaf6a786d4c/img-DMS-mega-header1.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Build WYSIWYG word processor that rivals MS Word and Google Docs | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to build an online word processor with the world's leading WYSIWYG editor that rivals MS Word and Google Docs."}},{"title":"How to make a chat app in 8 steps with our WYSIWYG editor","slug":"build-a-chat-app-with-our-wysiwyg-editor","featured":false,"lastUpdated":"Nov 4th, 2020","description":{"description":"

Learn how to build a chat app with the world’s leading WYSIWYG editor. In this article, we take a step by step approach, demonstrating how to configure TinyMCE for chat applications.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to build a chat app with the world’s leading WYSIWYG editor. In this article, we take a step by step approach, demonstrating how to configure TinyMCE for chat applications."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Chat app with text \"Time for a catch up\".","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABPlBMVEUEb9YEctkFdtsEdtsGed0Get0Fed0Ced0Aed0Hfd8HfeAEfeAAfeAqgd4Gfd8Cfd8IgeEIgeIIgOAIddIHdNEHddIHd9YHdtQGc88AddMnd9GXnb4+g9wAfuIGfuEHf+EIf+EIgOEJhOQKh+QTm+YTm+URluUSm+YRleQSl+MPl+QOlOI6nOIXm+cSoukVoegWougSmOcIg+MKiOYLiOURkd4SmOIQkuEum+cWmekRmekRmOkOmOkFmOkMlugSmekSmegPkucJh+YLi+gLi+cKgtwJgtwujeURi+kJiugKiugKiegMj+oMjukLjukMjugLjegMjegMjecNk+wNkuwMi+IMkOgMj+cMjeQMjeMMjuUMjeUMjOMMjOIMh9sMi+ENk+0Olu8Ole0Olu4Ole4OlewPmvEPnfMRofUSpfiu9MxKAAAAb0lEQVQYGW3BwQ7BQBRA0XvHmzQSmvL//2ghFqT6dEII4xz+UXohbyZPUUAaNXOhiQqYgs2NJgZ/nYgj/iIO+DFXV8SEiquEQnKdiC2IKxpzKRADvtxjrma57M4xgoIJDLq4Z4zKlw0FQnohvZDeA9hYFQO7eWXgAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2jrP2K9sQmihDw6D9K52tu/c9786e58637264fb127afbac6f2d7016/Image_default_build-a-chat-app__1_.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to make a chat app in 8 steps | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to build a chat app with the world’s leading WYSIWYG editor. We take a step-by-step approach to demonstrate how to configure TinyMCE for chat applications."}},{"title":"How to enable a Bootstrap WYSIWYG editor: a step-by-step guide","slug":"bootstrap-wysiwyg-editor","featured":true,"lastUpdated":"Apr 16th, 2024","description":{"description":"

Enable WYSIWYG editing on your Bootstrap forms by converting any block element into a rich text editor with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enable WYSIWYG editing on your Bootstrap forms by converting any block element into a rich text editor with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Small icons and a page that represents bootstrap inputs working together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAApVBMVEXx5fby5ffx5ffy5fby5vfr4u/u4vPx4vTu4vXu5/Hx7fTy6fbw3u/v4fPp3e/w5fbt5PTx5vfy6Pb5+vr7+vr38fnLv9WimrHJvdPz5/jt4fTv4/Xv5PXx5PT19PXp6en38/fAtMudlq3IvNL06Pnx5/X+/v7z9vbz8PTu4vTg1Oft4fLx5PXw5fX28vj39/bq5Ovw5vbx5Pbx6PXt4/Lv4vXv3O0poE7hAAAAgUlEQVQIHQXBBUIDARAEsOze4NYr2uLFobj8/2kkAFXVGABAVSpJCmAoZWW11pL1DECRZGNza3tntxMge5NxrOn+weHR8cksQM2dnp1PLy6vrhc3twEGSfru/uHx6fllFsAQy3p9e/+Yfw4VgKb76/vnN3/LANBUS8axAYCuqm74B6+/Bw1vaVddAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enable Bootstrap WYSIWYG editor: a step-by-step guide | TinyMCE"},"metaDescription":{"metaDescription":"Enable WYSIWYG editing on your Bootstrap form inputs by converting any block element into a rich text editor with TinyMCE. A step-by-step guide."}},{"title":"How to use generative AI for content creation in your app","slug":"ai-content-creation","featured":false,"lastUpdated":"Aug 29th, 2023","description":{"description":"

Discover 6 ways you can integrate generative AI in content creation apps. It's an easier integration process with TinyMCE's AI Assistant. Check on the 6 methods to find out more on how it works.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover 6 ways you can integrate generative AI in content creation apps. It's an easier integration process with TinyMCE's AI Assistant. Check on the 6 methods to find out more on how it works."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An AI represented by a robot on a laptop screen, showing the role AI plays in helping come up with content ideas","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAAAdVBMVEXapf/bpf/apv7apP7bo//ao//bp//bqP/apv/Wp/fPqOjSr+vZsPvbsPzktuDmt9fgre7apP/WpvbQpunG0u/I4/LE4fXivsvnvLjjpd7ZqPrN1vfO6vLJ6PTcwe/mxvLdrPfbpv/eu/rev/nfwPncsP7aov/eGZ9IAAAAPUlEQVQI12NgwAMYGZE5MDEI+IEkyMgBE30P4rJAVHKiqIQI/n8viSnIwMAOEnrwG8UiBgZWRYbX7xlIBQCklwoFoH8KXAAAAABJRU5ErkJggg==","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5pEcMQfLPTo2bl8jLlDxG1/12b852dfcea705d2268daef100b0809f/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D1-02.png?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to use generative AI for content creation in your app | TinyMCE"},"metaDescription":{"metaDescription":"Discover 6 tips for integrating generative AI in content creation apps. Maximize engagement and learn from TinyMCE's AI journey. Try the AI Assistant today."}},{"title":"How to add a WYSIWYG editor to your PHP website","slug":"add-php-wysiwyg-editor","featured":false,"lastUpdated":"Oct 24th, 2023","description":{"description":"

PHP, the enduring language. Find out how to add a WYSIWYG editor to your PHP website

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"PHP, the enduring language. Find out how to add a WYSIWYG editor to your PHP website"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A WYSIWYG is assembled with PHP referenced and a list of requirements under the WYSIWYG heading","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAUI/8QAHxAAAgICAQUAAAAAAAAAAAAAAQMAAgQFERIhMUFx/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAUH/8QAIREAAgEEAgIDAAAAAAAAAAAAAAIDAQQREjFhBSFRgbH/2gAMAwEAAhEDEQA/ANgoXVra1uwKoT3uRzwPk02V2RcpTNTJYkWRtWbBY3mhwdZhqbibnG2DLWAspZHUAfYAJ8SVbX088+jxarjvn8LF54+C3g3jlozZ+acdU91z9kOWyCIAgCAf/9k=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=2217&h=1244&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=3850&h=2160&q=50&fit=scale 3850w","srcWebp":"//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=2217&h=1244&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/73fXv1nGBAY5lqGk41DLxb/428554fdc478175a51491fb5230aa0a6/img-wysiwyg-php-combination-0.jpg?w=3850&h=2160&q=50&fm=webp&fit=scale 3850w","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 add a WYSIWYG editor to your PHP website | TinyMCE"},"metaDescription":{"metaDescription":"This comprehensive guide provides step-by-step explanation on how to set up rich text editor for your PHP website."}},{"title":"Understanding accessible documents and options from TinyMCE","slug":"accessible-documents","featured":false,"lastUpdated":"May 22nd, 2024","description":{"description":"

When you need to build accessible documents, choose a WYSIWYG editor that provides all the features out-of-the-box.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you need to build accessible documents, choose a WYSIWYG editor that provides all the features out-of-the-box."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Images, notes, and files float on a blue field with the word accessible in a bubble dialog box, signaling TinyMCE's accessibility features.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEUM4NML4NMK4NMH4NMD4NMA4NMA4dMJ4dMI4NMA4NIA39IX49Yz49gg4tY749cm49YD4tQa4dQO4NMU4dQA3tBv3tai5+N+4tnI3rbL1s+R2uOtyduL0twp3tkV4tQM4dMO4dQU4tU33dG/5ubS7fKS5eGr48Kd4dBU4t62qM3OdMRMzdAA49QK4dMP4dMZ4dUk4NJj19Zo1uU14N9G6N3A6+fM7OiQ39l2ssIz1c0A4tQc4dUA4NQC4dYA49Yz49aP5NyX5Nxc49cA4tMA4dQI4dMN4dME4NMG4NMF4NNUdYr9AAAAWUlEQVQI12NgwAIY4QwQ6z8QwgWZGEFiIPQTLsjxjxmoEgLeQwWFGJHBQwYGFqAgH4ogAxbBz1BBBp4bmnDBYzDnCLmxu7qzcnKysrmiuZPdgXH/z/8MOAEAhb0NaNTif3IAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Understanding accessible documents and accessible document design options | TinyMCE"},"metaDescription":{"metaDescription":"Discover everything you need to know about accessible documents, and how the TinyMCE WYSIWYG makes accessible documents easier to write"}},{"title":"How to Add Collaboration Features to Your LMS with TinyMCE in Vue.js (Part Two)","slug":"tinymce-vue-lms-collaboration-part-two","featured":false,"lastUpdated":"Dec 16th, 2025","description":{"description":"

Enhance your Vue.js LMS with TinyMCE collaboration features. Learn how to add comments, suggested edits, mentions, and revision history.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enhance your Vue.js LMS with TinyMCE collaboration features. Learn how to add comments, suggested edits, mentions, and revision history."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to build an LMS with TinyMCE Part Two: Collaboration Features","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABp1BMVEUIElMIElQABE4ABU8AB08ACE8AB04JElQED1MAAE8AAEsAAEoAAE0ACFAAB1EADlMyNF1ISWg7PWE8PmJAQmRNTmspLFkAAE4ABk8AEFQkJFgbHlcACVIAAEdYWXKJiph/gJCEhZSQkJ1aW3QRF1IlKFgYHVQABE8ABlIAAFMAGFpkPlBOMFYADFQAAEVVVnF6eouLjJl+f4+IiplxdImFiJiSlKKRk6JtcIYAB1MFFVY3PGUSJF0pJFsdHFgAClIAAEZfYXmDhpVydYh/gpNxcoR2W1WBXkmIaVV/Y1iCZFN9Xk8/LUwAAFJxcobGxstxc4cAAFQABVFYRlyAanJvVWN5ZHBoWm1KNElcQEdfQkZYPUdaP0haQkwrJlUAAFpZXHeio61VWHQAAFkAC1QAB1BLJkp4PUR6PkV3PERcKkcADVlNOFVBMVkAFFwAEVpYPFU/LFcACVMAGlp4RU5oOVIAFlkABlMAFlhmPFNJLVcAClQJE1QCDlEAClEAFlchIFocH1oAElUADFIAEVYAFVcEE1UKE1QLFFQACFEACFIHE1QHElPdpfSBAAAAk0lEQVQIHQXBsU0CYQAG0O9d/lzwLiQqFFRX0LAGBY0DEHuHsDVWFozADKzBGBSQUHHFWRC0EN8TkgRJkoSfMiIJ10qSZMRvqWrgr0qrv08xLhME1xnDHChPDI94xnkOWAIAsNe8AABQxhPYfSerDqcOFsck6YZcZq8AZW2bSw6JN9i8o2rbvidJvprmYXP7/Kjrf0RPHD0IB8EKAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6xIdWHXzaeQ9E4lcUq6qDC/30334aaa40c926b3ff98e6970675fcef/-TinyMCE-How_to_build_an_LMS_with_TinyMCE__Part_Two__Collaboration_Features.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Add Collaboration to Your LMS with TinyMCE in Vue.js (Part Two)"},"metaDescription":{"metaDescription":"Enhance your Vue.js LMS with TinyMCE collaboration features. Learn how to add comments, suggested edits, mentions, and revision history."}},{"title":"How to create and insert custom templates","slug":"custom-templates","featured":false,"lastUpdated":"Nov 17th, 2022","description":{"description":"

The complete guide on how to create custom templates and to insert custom templates. Read on to discover the steps involved.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The complete guide on how to create custom templates and to insert custom templates. Read on to discover the steps involved."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A template stamp adding a curve stamp shape again and again","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6zHPpV9BER3Q80UBqTHd8n/c847b556a61a820424cf7475d7a98e35/img-custom-templates-ver-minimal-0.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 create and insert custom templates | TinyMCE"},"metaDescription":{"metaDescription":"The complete guide on how to create custom templates and to insert custom templates."}},{"title":"How to use TinyMCE for WYSIWYG editing in your Email Marketing Platform","slug":"email-marketing-platform","featured":false,"lastUpdated":"Feb 8th, 2023","description":{"description":"

You can create an Email Marketing Platform to rival the leaders in the field. Find out how with TinyMCE

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can create an Email Marketing Platform to rival the leaders in the field. Find out how with TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Email marketing platform tutorial in powerful typography","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABDlBMVEUQGDcPGDcPFzcPFzYOFzYIEjUABDEABjEAAC8AATAAAjAABTEAAzAGEjQOFzcFEzUkKkBNT1tCRVNER1VNT1xJTFlKTFlDRlRERlROUV0pLUIGEjUaGTcUETQ+PU12dn5tbHRvbnZ3d35ubnZwcXloaHFqanJsbHRCQ1IMDjMQFzcSGDcvHjgzHjgwGTUfBi8pCzApCC8kAy0jBC8kBi4rDDAoDDAhBS8hBi8oFzQqHDcWGDcMFzchHjctIjYrITYvIzYlHjYtITUoHzYrITUxIzU2JTUzJDUxJDU0JTYvJDYkIDYRGDcZGzcgHzYbHDYmIjYXGzchHzYlITYiIDYkITYoIzYnIjYTGTcNFzem2vl1AAAAbElEQVQIHW3BywnCQBRA0XvHMbuJFViBYAMuLCCVWkBSiBtLsADBTWSekYA/cg5LBJwwiwkIpqSRVCJ5r4FSfKsrvVYy0foxNm4ukdn5p9z04DfUIXM++hJpbPTBGhELdH3X75ltTyEgP4JFT0Q6G2wntmHwAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3cXuqBpYAvT7nIAiUFBegK/dc105a236bf51cf3c474c68de446451d/img-tinymce-email-marketing-platform-rival-v1.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"WYSIWYG editing for your email marketing platform | TinyMCE"},"metaDescription":{"metaDescription":"Build an Email Marketing Platform with TinyMCE as your platform WYSIWYG"}},{"title":"Mastering find and replace in TinyMCE","slug":"find-and-replace","featured":false,"lastUpdated":"Nov 21st, 2023","description":{"description":"

Elevate your content management experience with find and replace available out-of-the box. Find out how it works in our latest article.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Elevate your content management experience with find and replace available out-of-the box. Find out how it works in our latest article."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Find and replace appears as words next to a magnifying glass icon examining content for specific words to replace","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAsVBMVEVm8P9l8P9j8f9e8f9i8f9k8f9k8P9r7/ya5+d16vFn8P9q8f9o8f9h8f9f8f9l8f9n8f+y7vP68ee97u1W8P5p7/x88P658Pi87va57fS87vWR7Pdm8f9d8P/E8vn/9vXE8PON5OnX4MXU6eLK5Om13+Wy1+KL3eyi8PrB8fiw5e/X19z77d/u8e6b7PdR8P9a8f9a7/9h8P9p8f9u7fyz7fXG8fh97Ppc8P9b8P9a7/7Iq/srAAAAZ0lEQVQIHY3BuwrCQBRAwXOSWGmW9Jb2goX/X+s3pBQEK19bGbiuBlMGZ/ibFH4MLF5AAALWtaO81CsIWCUn5wgaYO0PSroh0OWNk8sJGopt/9xZHFtoASm61SPvPVRD8CUjE/dgzhuJzxZLjuSOAgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1wek2wZxSk4t9d72DM2x1A/a551e01fa22a3147b5e185d2a032231f/img-mastering-find-replace-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Mastering \"Find and Replace\" feature in TinyMCE | TInyMCE"},"metaDescription":{"metaDescription":"Master the 'Find and Replace' tool in TinyMCE. Discover its significance, enable it with ease, and get tips for efficient text editing. Elevate your content management experience."}},{"title":"How to create custom CRM rich text fields with TinyMCE: a tutorial","slug":"create-custom-crm-rich-text-fields","featured":false,"lastUpdated":"Oct 24th, 2022","description":{"description":"

Our tutorial on creating custom CRM rich text fields covers all the steps needed for the basic and advanced CRM efficiency.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Our tutorial on creating custom CRM rich text fields covers all the steps needed for the basic and advanced CRM efficiency."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A text content editor for CRM mega tutorial, representing the discovery of getting a CRM text entry field done","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEXGuf/Huv/Iuv/GuP/Ftv7Gt//Huf/HuP/EvfrEvfnHuf7Ft/vCtPnEtvvEtvzJvvXi4/LRzu3AsvfEtvrFuP/Bs/zA0OzE0e3Bs/vDtvzGufzJvvjNw/nIuv7Pyevn9OjW2eS0p+m5rO3Huf3Guv/KufTnu5LdvsWypvKGddq0q/DGw/vc2PHIv/DJuv/Et/rFuOy/ruTFt/7Ju//NuezzvjTnvqC6rvuwmeW5weu4ze7Du/O5q+7KvP/Iu//WrObnn8LIuf/EseW5quO4quzrwdDYsMy1qe2ypea8ru/Ku/+3suKiqrfFuf/DtvvPwvTGtey2tu2fs9QtHq0dAAAAbklEQVQIHY3BIQoCQRiA0e+T8U+CwSM41SAYRfAAntVuNwtm8QpbTKszK8siuFh8j78JyqCbaIGKxGuqJfnRpFZcOHbvJDt2SW3itvFbARL5unXwmOlpBQi7uWg9N+vn0qNUeqGHrBCxD35E0HsDVAEXJAVAh2cAAAAASUVORK5CYII=","aspectRatio":1.7794994040524434,"src":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fit=scale 1493w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fm=webp&fit=scale 1493w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create custom CRM rich text fields | TinyMCE"},"metaDescription":{"metaDescription":"Our tutorial on creating custom CRM rich text fields covers all the steps needed for the basic and advanced configurations to enhance your CRM efficiency."}},{"title":"How to use TinyMCE APIs: a beginner's guide","slug":"how-to-use-apis","featured":false,"lastUpdated":"Jan 12th, 2022","description":{"description":"

TinyMCE has many API types, but this API quickstart guide is designed for beginners to understand how to use TinyMCE APIs.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE has many API types, but this API quickstart guide is designed for beginners to understand how to use TinyMCE APIs."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE has a variety of API types, and this how-to API guide explains how to get started.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1kcSr8Go6CJJsz9WUnW6Sy/88bf3b39b4c4488e5b3a6e09fadbe454/Image_API_BASICS_3.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mike Chau","slug":"mike-chau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to use an API? A beginners guide using TinyMCE APIs | TinyMCE"},"metaDescription":{"metaDescription":"How to use an API can be confusing, and TinyMCE has many API types, but this API quickstart guide is designed for beginners to understand TinyMCE APIs."}},{"title":"How to send email using Node JS & Nodemailer (SMTP) or SendGrid","slug":"node-js-send-email","featured":false,"lastUpdated":"Jun 1st, 2022","description":{"description":"

Find out what the best two options are for sending email – Node JS through Nodemail or a third-party email service – and the pros and cons of each option. Follow the tutorials to try out both options for sending email

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out what the best two options are for sending email – Node JS through Nodemail or a third-party email service – and the pros and cons of each option. Follow the tutorials to try out both options for sending email"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Node JS used for sending test email, represented by an envelope icon and the node logo.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to send email using Node JS | TinyMCE"},"metaDescription":{"metaDescription":"Find out what the best two options are for sending email – Node JS through Nodemail or a third-party email service – and the pros and cons of each option."}},{"title":"How to optimize React apps – a tutorial","slug":"react-performance-optimization","featured":false,"lastUpdated":"Nov 22nd, 2022","description":{"description":"

FInd out how to optimize React during the setup, in the process of building and during the production

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"FInd out how to optimize React during the setup, in the process of building and during the production"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"React and Tiny MCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"React performance optimization guide | TinyMCE"},"metaDescription":{"metaDescription":"We cover the React performance optimization on different stages of building React app: how to optimize it during the setup, in the process of building and during the production."}},{"title":"The future of collaboration: public beta now available ","slug":"rtc-public-beta","featured":false,"lastUpdated":"Mar 25th, 2021","description":{"description":"

We are pleased to announce that Real-time Collaboration has advanced from Closed Beta to the Cloud Public Beta release stage.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We are pleased to announce that Real-time Collaboration has advanced from Closed Beta to the Cloud Public Beta release stage."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A futuristic looking world reflected by hexagonal mirrors ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.3333333333333333,"src":"//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=185&h=139&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=370&h=278&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=739&h=554&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=1109&h=832&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=1478&h=1109&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=2000&h=1500&q=50&fit=scale 2000w","srcWebp":"//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=185&h=139&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=370&h=278&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=739&h=554&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=1109&h=832&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=1478&h=1109&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/22VkKYZsFDSKWI6X7ONukI/701830ac095f1232ee63ca01f64e3686/Future_of_Collab.jpg?w=2000&h=1500&q=50&fm=webp&fit=scale 2000w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"TinyMCE Real-time Collaboration is now in Public Beta "},"metaDescription":{"metaDescription":"We are pleased to announce that Real-time Collaboration has advanced from Closed Beta to the Cloud Public Beta release stage. Learn what's new! "}},{"title":"How to run a TinyMCE test: unit testing vs smoke testing vs sanity testing","slug":"unit-vs-smoke-sanity-testing","featured":false,"lastUpdated":"Feb 1st, 2023","description":{"description":"

Find out about testing and TinyMCE - what's involved, and how it works.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out about testing and TinyMCE - what's involved, and how it works."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Testing as a concept represented by checkboxes, lines of text, and a thumbs up emoji","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAtFBMVEUjNHciNHciM3chM3cYLXUMKHQCJXMAJHMKJ3MdMHYgMnZYX4pmbJFvdJZuc5VvdJVscZQ1QXxaYYt2e5p2epp0eJg9SIASLnkgM3gfMXYkNHdtcpV8gJ2FiKOEh6KGiqVjaYtJQmEhN3YhNHgcL3ZDTIFrcJR1epl5fZx3fp5cX3CffDk1Q2seNXkjM3ceMXZfZY1obZE+VoAnRmwcQHghM3gTK3QIJ3MEJXMIJnMZL3YfNXmN2SCGAAAAZ0lEQVQIHXXBsQ3CQBAAwd3H8Mg0QEoB9N8CsXNyhGjAEtxzb0uOYIZfpFOBRrCQZDG14hx0A8nqijlIA4v63tuKB58BSPLs5g5It7u4maDQxek1jo/PMU2ALMq12t1aALJSaRD89QXhqhbxlaXRTwAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3oNJS0KGayHlt2FkTBz23x/097f93c17340017c741166e7458146bd/How_to_run_a_TinyMCE_test.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to run a TinyMCE test: unit tests vs smoke testing vs sanity testing | TinyMCE"},"metaDescription":{"metaDescription":"This article discusses differences between unit testing, smoke testing and sanity testing and explains how to run TinyMCE tests."}},{"title":"How to Build an Email Messaging App with TinyMCE and Resend in React","slug":"how-to-build-react-email-messaging-app","featured":false,"lastUpdated":"Dec 9th, 2025","description":{"description":"

Build a production-ready email messaging app in React using TinyMCE and Resend. Learn to integrate templates, merge tags, inline CSS, and more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build a production-ready email messaging app in React using TinyMCE and Resend. Learn to integrate templates, merge tags, inline CSS, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to build an Email Messaging System with TinyMCE with React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABvFBMVEUKE1QACE8AB08ABk8ABU4KElMJEVMEDVEACFADC1IDC1MAClEACVADB1IHDlQJElQAAU4AAEwAAEoAAEsAAE0DA1ETLmERNWUFD1QAA1AHElURPmoSNGYBBFE2N15NTWpBQWNDQ2RGRmZSUm0vO2AAMFwAN18ANV8BJ1oTPGwPR3gADFgAAFEAEVkORHISNmkCBVEAAEdYW3SIiph8fI16eouDhJOMi5lTboMAWnYVZX4gbIQAP2UCAFIAD1k/Q2hESGsADVkED1QAB1AAR2kAaIEAWncAZH4AZX8AW3cAY34fYHqIh5WHhpUkIlYAAE8AAFJ5eovQ0NR4eYsAAFMABFAAAEhPUm5+g5OEiZeLkp98g5NzeoyDiZh9gpJsbIAmJ1kJD1UHB1UBFFkvNGBgYnsnL2AEG1sKF1cACFEmJ1dYWHFkY3pbWnNTUm1PTmtgX3dCQ2UINGMDY4cMNWQAEFkBFlkOPmwSMmQDClIAAk4AAEkFCFUHT3cAjK8IT3cIC1USLGERIVsBClEABE4ABU8JEVUTI1oPPWoJEVQBCVABCVEGD1MLFFQFCVIFAVIFCFIAB04LE1QJElPTcclQAAAAi0lEQVQIHW3BPw7BYBzH4e+n7xtN3pKUAxg6u4TZLnEEM4utYrGIK3QwWZzCObpJegGm9qeEwZ/nQUIvIDMi8IprU8ukDnANtFJAJho53rxL+OGHfLgFwGvAtxNT/ujPeGgcZQaUGRDNj+m56nWrSzFKWhxCCCiuc+WS1oBFqy1s0G6pJ8YTWJj2cAfNqR1kLasqGAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a React Email Messaging App with TinyMCE & Resend"},"metaDescription":{"metaDescription":"Build a production-ready email messaging app in React using TinyMCE and Resend. Learn to integrate templates, merge tags, inline CSS, and more."}},{"title":"How to Build a CMS with TinyMCE: Angular CMS Tutorial","slug":"how-to-build-cms-with-tinymce","featured":true,"lastUpdated":"Sep 25th, 2025","description":{"description":"

Learn How to build a CMS with TinyMCE in this Angular CMS tutorial. Integrate the editor, add Comments, Mentions, Suggested Edits and AI locally.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn How to build a CMS with TinyMCE in this Angular CMS tutorial. Integrate the editor, add Comments, Mentions, Suggested Edits and AI locally."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to build a CMS with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABs1BMVEUIElMIEVMABk8AB08ACE8AB04ABU4JElMABlAABk4HEVMAB1AAAE0AAE4AA04ABk8ACE8ACVADC1IDC1MACVEACFADB1IGDlQJElQAAEwAAEoAAEUAAEkABU4AB08EDVMTL2ERNWYFElUAA1AHElURP2oSL2IBBlFtbYCfnqmWlaGMjJmAf44AAEgABk4EDFMTN2YOPm8AElkAAFEAFFoOSXUSNmgCBlEAAEc2RGZeaX9hb4ZSXnlSWXYAMGgANG4AJGEFEVQAEVk7P2Z9fo9ARGkAD1kED1QABlAAAEYAS24AaooAZ48AWYcASoAAVZAAXKAAPYIAAEMABE8ABFEAAFJ5eozR0dV4eYwAAFMABFBNTmuFh5WHiJdyc4aDhJN6eouSkp+QkZ1/f44DD1QLF1gAF1ozOGJnaH8rMmECHlwJGFdXV3GKipiDg5JiYnh8fIyMjZqFhpR2d4gACFIPHloHSHAMPGsOS3QSOGoDB1EAAEQAAEIAAVERH1oJQm8PPG8IE1YHElQSLWIRJV4BCFEIElQBC1EAAk4AAU4ABE4IFFUMGFgMF1cEDlIBCVAFDlMb5boOAAAACnRSTlP+/v7+/v7+/v7+LPRBhQAAAJxJREFUCB01wTsOAVEAhtH/Y5CIO4xEpVBolArFbEBEawOiFhuwC9FYiYKo7EEyLT3JUHhfFzPnIEBCX9biPEQRECAJ55kDvPLZh3ccEMsnVTd8nV61fYNUSCLyLm0SfVKrHn9bTwEJG/B3JOzgxGV+1s2gCpQqQ20OGtlNFydqAZnp2JjdJJ75g4VxliZTmlO4ZZGskLX5O9j8VR8wHSdXkvXT1wAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/21CPrWsQB1G4CoRnfAKZXU/f5380c3028984825d75d90e47774e385/How_to_build_a_CMS_with_TinyMCE.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a CMS with TinyMCE: Angular CMS Tutorial | TinyMCE"},"metaDescription":{"metaDescription":"Learn How to build a CMS with TinyMCE in this Angular CMS tutorial. Integrate the editor, add Comments, Mentions, Suggested Edits and AI locally."}},{"title":"How to build an LMS with TinyMCE in Vue.js","slug":"how-to-build-lms-with-tinymce-vue","featured":true,"lastUpdated":"Oct 29th, 2025","description":{"description":"

Build a Learning Management System with TinyMCE in Vue.js. Step-by-step setup with templates, math, accessibility, code samples, and collaboration.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build a Learning Management System with TinyMCE in Vue.js. Step-by-step setup with templates, math, accessibility, code samples, and collaboration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build an LMS with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABtlBMVEUIElMIEVMABk8AB08ACE8HEVMJElMAB1AAB04HEVMAB1AAAE0AAE4AA04ABk8ACE8ACVAADFMADFQAClEACVEAC1QAEVUFElUAAEwAAEsAAEUAAEoABU8AB08ADVQ8LldKM1UAEVYABFAAFFZINFU3KVcAClMAAEZrbYKdn6qTlqKKjJp9f5AAAE8ABE8ADlRPM1ZkOFQAEVoAAFIAFVpdOFNGK1dMQF5xZnZ7a3ZpXG1jWG02G0tSMEpcN0oaEU4AAk86P2Z9fo8/RGkAEVsACFBrMUKaRzGeSy2PQziURTaDPDueUDajVTg9D0YABFF5eozR0dV4eYwAAFMAAElNTmuHhpSJiJZzc4aFhJN7eouTkp+RkJ1+f48ABlAAGFkAGVwyOGJnaX8qM2IKHVsLGFcACFEAAEhWWHKJipiChJNgYnl6fI2PkZ2LjZqEhpR2d4kACFIAGlpoPk1VM1MAE1sAFlpZOFFHLlYAAEQAAEcAAEIAAVERH1piN09CJ1QAFVgABVAAE1U1JlcsIlgAClIIElQBC1EAAk4AAU4ABE4CFVYAGFoBD1MAClAAC1IAD1QHElRUIvziAAAACXRSTlP+/v7+/v7+/v4itX5mAAAAm0lEQVQIHVXBsQ7BUACG0f9rSyLl3nbGQGI2GI2m7l7AZPMC3kEiNpPHMDFbxWgw2AkTaVwVrcQ5CJDQh5NwzhcVQIAkMmkJCOzdgK4xNxlygY3IXGPFl5ivI/UGhYPXsMC+S9gnt2m3zk0g3TLkZ52QG/NnM4AlYdIRK41eeBS8ac/axeQ2j6KdMafarJqh/PSRnJBcoBQFD70BDtEhtJHWGQYAAAAASUVORK5CYII=","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/MkHj0GoflfQeEiAIuPdXM/1c2fdcd290c4b9cc205c8406aad8fb15/How_to_Build_an_LMS_with_TinyMCE.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build an LMS with TinyMCE and Vue.js: Step-by-Step Guide | TinyMCE"},"metaDescription":{"metaDescription":"Build a Learning Management System with TinyMCE in Vue.js. Step-by-step setup with templates, math, accessibility, code samples, and collaboration."}},{"title":"Create a Full-Stack React Email Editor Using TinyMCE and Nylas email API: Part 2","slug":"create-full-stack-react-email-editor-part-2","featured":true,"lastUpdated":"Aug 28th, 2025","description":{"description":"

Part 2: Integrate the Nylas email API with a TinyMCE React editor. Set environment variables, add the Nylas SDK, authenticate, and enable sending in a full-stack app.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Part 2: Integrate the Nylas email API with a TinyMCE React editor. Set environment variables, add the Nylas SDK, authenticate, and enable sending in a full-stack app."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Hero image with a rich text editor, email icon, TinyMCE logo, Nylas logo and the text “Full-stack” + “Email editor”","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAB2lBMVEUJElMJE1QACE8AB04ABU4ABE4ABk4KE1QIElMBDFEAAk4AAU0AA04DDFEAClAAC1EABk8bI10tMmkkKmUtMmgrMWgqL2gzOGsyN2s0OWwvNWoXHFoAAEcAAEgAAEoAAEwAAE9IKVN/QlA/JlMdKWU8Q3o6Qnk+RXo9RHpCSX1BSHw6QHY+RXg+RnQtNGIvNmQoL186KlJpSE4yJVIgKmVbZZdteKdrdqZrd6Zsd6ZqdaVjbZ5XYZVBSYB9ibCcrNSaqdGbqtOKmL4MFFEABE8ACFEAE1UABVEjKmVdZ5hveqlueahpc6Nha5xZY5ZDS4JUW4R8g59VXoRQWYFHUHcAB08LFFNYY5ZodKVpdKRpdKNlb51ha5paY5U/SYFwcYm6usBDRGUAAEUAAEsACU8MFFIbJmNIUn9aY4k5RHs8RHo9RYA/SpA+SpA+So8xOnY4PW5VV3cIEFELE1IAAE0ADlh9f5GKi5oIHl8WG1cpOJJoeOJvfuRhcdsbKXoWHVsACFYJElIJElQFDlEOFVIHD1EAClE0OmQnL18AAEkACVkdKnkmMXsgLHgAClMBCU0EDFAEDlELFFQCC08DC1AABU8AA00AAD4AAD0AAEEABEoBCU4DDFABCU/ft5eXAAAAi0lEQVQI12NkYGQEIQYGEGb4z/SHgfUnCwfjbwamf2AhVqDsT+b/bIyMrJyMEMDACAcs0jDWfwYmKOstC4MAIzoQZlGB6UZoP8UiuDbkHQsfspG73BmZkhiXxiBrnvP9P2Po2kIUA7/wXmFg0dUDs2dkQgVZH9gUMDJOBLLuMzAotVWDxH5wMn4tBQAQpR0Mw8Cw9AAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Frédéric Harper","slug":"frederic-harper"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Create a React Email Editor with TinyMCE & Nylas API: Part 2 | TinyMCE"},"metaDescription":{"metaDescription":"Part 2: Integrate the Nylas email API with a TinyMCE React editor. Set env vars, add SDK, authenticate, read inbox, and enable sending in a full-stack app."}},{"title":"Create a Full-Stack React Email Editor Using TinyMCE and Nylas email API: Part 1","slug":"create-full-stack-react-email-editor-part-1","featured":true,"lastUpdated":"Apr 16th, 2025","description":{"description":"

Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Nylas Email API and TinyMCE in a React email app","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABSlBMVEX/5s//58//59D95c3/5s7+5s//5tD95dHy3dT85NH95c/7483+5Mzr5N3V5u735tX/6dT+6db+5dHs2dajqubn1df14ND04ND65NLk5uXK6Pfv3NTz29n09PP96dj+5tD95NH749P54tT139bi0Nnw3Nb05Nn36eH88ej88+359vL67uzvt8futcH84c/+6NH44dX34Nf44dfs3t3m4efu4t/46uD67+b78+z++PP//Pn74tr3ysH/6NP/6NL85NL44db129Dw2tPLzefP1u+psu316OH88eb/9u7b19TMy8n66dj76Nf+59P649P549X55dipr+uJnPKytOj26tr77N+1sbCioKD138v649L95NL95dT+6dj/7Nvz49v25dv/7Nf/6tTx48//6NHy3Mjw2sb65dL45NH/59L/6dX/69f/69X/6dP/6NDmKI2gAAAAhElEQVQIHV3BPxLBQBiH4feX3VlrZIZaEdfw7zRa51E7hRsoNdp0JgWjoqHIjM9GCuF5RCKQmTBaGS0Zzns8DQFBX3czECFHHecaNNGfI/jLeKgfgJ9WI3XtAHedxbKIMZZFr3G4Ab6fa65koY8TiQIr6THQc8uajatJBNkS9rxAgJG8AfhJG7sZKnYRAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Create a React Email Editor with TinyMCE & Nylas API: Part 1 | TinyMCE"},"metaDescription":{"metaDescription":"Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay."}},{"title":"Migrating from Tiptap to TinyMCE: React Set-up","slug":"migrating-from-tiptap-to-tinymce-react-setup","featured":true,"lastUpdated":"Aug 19th, 2025","description":{"description":"

Learn how to migrate your React project from Tiptap to TinyMCE with our step-by-step guide. Upgrade your editor for a better user experience!

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to migrate your React project from Tiptap to TinyMCE with our step-by-step guide. Upgrade your editor for a better user experience!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Migrate from Tiptap to TinyMCE in React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAB6VBMVEUIElMAE1YFEVMMG1gAAE8KHFkNF1QAAEwPFlMAAEcOFVIAB08AAEkACE8AAE0HEVMJElMJE1QACE8AB1AAB1ENFVMNFFILFlQIG1gOGlgADFEABU8ABk8AB08ACVERGVcnIFcPGlcMF1YACFIAD1YzJVdfNU4AAE8AAE4ABE41JFdsPkwqKlwAGFkAAFIACFUfIlsvJVdgQkeRXz58R0V7PUl5NUx8LFF7KVF0J1EOAEsAAE0IE1UuJ1gAGFopMF+nqLCNjpoAAFQADlVdR1SRaFaVXE2BRk5/QVR3PVyJSWN7N1lCO2A9QGMmKloADFQAA1U0OGKysrqWlqEAAFEAClJJTWyPk6GRlKKNkqB/hJR1eoyJjpuUmKSho62bnKdra4AAAFAMF1UFF1cVIFkADVQQHFgQGFROUGx8fY2IiZd+f49wcoQiJlcYHlQ4O2AmKVgqKlgaG1MGD1IDDFAIF1UAA1IAC1MRGVUBCVBNT2trbIB4eYp7fIxqa38ID1AAAEsAG1YGHlcXGVQMF1MoIVY6JFMSHFUMFFIAAEcAAEUAAEgRHFUAdpoAdJcOFVMABE89JlNhOk8OF1MCDFEAA04SF1MEZIgEYYYPElIHE1INFlMCDlEFDlILFFQOCU8OAEwPAEwMCE86zEJzAAAAEXRSTlP+/v7+/v7+/v7+/v7+/v7+/jES3k4AAAB8SURBVAjXfcsrDgJBEAbh+psOpGeWBCZ7OjzhFByAh+AEBIflSjhArOEhMGDGLaHkl5SYipr0MUm6uIWE4Emj2s1tDCCy3qOK5mT18kHpmbn9QsqfneOs0trchiF06sq82gpM7SHn/fnRpZQSEfHa3F3pugRoQtKOxRZNvl2UFEdS3ZQ8AAAAAElFTkSuQmCC","aspectRatio":1.7833333333333334,"src":"//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=739&h=414&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1926&h=1080&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=739&h=414&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1926&h=1080&q=50&fm=webp&fit=scale 1926w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Migrating from Tiptap to TinyMCE: React Set-up | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to migrate your React project from Tiptap to TinyMCE with our step-by-step guide. Upgrade your editor for a better user experience!"}},{"title":"How to Add Suggested Edits to TinyMCE","slug":"how-to-add-suggested-edits-to-tinymce","featured":true,"lastUpdated":"Aug 12th, 2025","description":{"description":"

Learn how to enable and manage suggested edits in TinyMCE, allowing users to propose content changes and streamline your editing workflow.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to enable and manage suggested edits in TinyMCE, allowing users to propose content changes and streamline your editing workflow."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to add Suggested Edits to TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUIB//EACUQAAICAQMEAgMBAAAAAAAAAAECAwQFABIhBgcRMRQiCBUjUf/EABkBAQACAwAAAAAAAAAAAAAAAAMBAgQFB//EACARAAIDAQABBQEAAAAAAAAAAAECAAMRIRITIlGhsfD/2gAMAwEAAhEDEQA/AIl7O9q6fcAz2crYjiqkEIwlBcOpG4FAQQCGHJ11W+/028FmmJVBrcmiW/xrxk0F6vhK0+UvpXaVEhDHn0PJ3eByR71FLW3n2n7A/ZXzQjQZPnWkSVM/NUgxn6Y1lWGWp8n5HiQD7HfyOTz4HrWctb1atp0/3xEBUjcg0GdvdNZF7ONn+NMy7CQisCCP8YEaNgGXslRvDCo+5vVkFt7VXqHI4+d0ETvQsNW3qCSARHtB5J96qKkYdGxAoEXj+kUcj/d3BZmbksST5JOkzOCAx7P/2Q==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4vpNXPMcIRatB4IRWWRvrP/7c1c8bd60765b898539bd1f230294d0a/How_to_add_Suggested_Edits_to_TinyMCE.jpg?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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Add Suggested Edits to TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enable and manage suggested edits in TinyMCE, allowing users to propose content changes and streamline your editing workflow."}},{"title":"How to Create a Vue Project with TinyMCE","slug":"how-to-create-a-vue-project-with-tinymce","featured":true,"lastUpdated":"Aug 8th, 2025","description":{"description":"

Learn how to integrate TinyMCE into your Vue.js application. This step-by-step guide walks you through installation, configuration, and customization.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to integrate TinyMCE into your Vue.js application. This step-by-step guide walks you through installation, configuration, and customization."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Get started with TinyMCE in Vue","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABs1BMVEUIElMJE1QAB08ABk4ABU4ABE4ACE8KE1QJElMHEVMACVAAAE0AAk4AAU0AB04EDlEFDlAIEVIbIV0sMmgjKWUtMmgrMGgpL2cyOGsyN2s1OmwzOGwgJl8AA04AAEpLTGyOj542OWEfJmM8Q3k5QXk9RXo9RHo+RXpBSXxBSHw8Q3gxN3AdJGIAAE4ABk8AAEwiJlhaXHYPF1MiKWRbZZdseKdrdqZsd6ZqdaVjbZ5YYZVETYMrMmpCRW0DDlIAAU8AAk8AAFEAAE8jKWRdZ5hveqlueahpdKRha51aZJdBSoNwcoq6usFJS2wAAFAOFVQmLGZaZJZqdKNpc6BpdKFlb51gaplZYpNDTIFHS3RzdIogJVgCDVIDDFACC1AjKWM6QXk9SI4+SZE+SZA+SpE/SpE+SpBCTZM1P4IiKmkEE14JElIUGlYXIWhKXc5jc+Fmdt9hct9ict9ldd9qeeI5S7IZH1kUGlgLE1IABEwNHW8WJHUZJnQaJ3UZJnYbJ3UcKXgKGWUACEsEDlAIEFEMFFILFFQAA0sAAEIAAD0AADsAADwAAD8AAEYACE0CC08BCU+gM0AWAAAAlElEQVQIHQXBMS4FURgG0O+Yf3KvMC+xAQqLUCtFYQs6sQaFtShsQf0KvUZhA6/QKF4iJkwyzhFCkkiyrkOoQ8yJJC3mtc9972j0fQwB7CpOAawHwEfqBBAASX2dAwnAUrX7vNpeIgAqVdncAMDTbVLJ83AHgN9pSf1tfvr0cg3g0bQf2sN2ebvvvfdx7K2197OL139fZx9xJaXKRwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ukJyKYmlA9jL2kEK6dwQp/b089c88c281f971b8e93beadda6bf83a/Get_started_with_TinyMCE_in_Vue.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Create a Vue Project with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to integrate TinyMCE into your Vue.js application. This step-by-step guide walks you through installation, configuration, and customization."}},{"title":"How to Migrate from TinyMCE 7 to TinyMCE 8","slug":"how-to-migrate-from-tinymce7-to-tinymce8","featured":true,"lastUpdated":"Aug 7th, 2025","description":{"description":"

Learn how to easily migrate from TinyMCE version 7 to the latest update, version 8 with our step-by-step guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to easily migrate from TinyMCE version 7 to the latest update, version 8 with our step-by-step guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Migrate from TinyMCE 7 to TinyMCE 8","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABelBMVEUKE1QACE8AB08JElMJE1QDDVEABk8EDVEJE1MABE8AAE8AAE4AA04ACFAAAFIAB1YAC1cACVUADFIAB05GMUtkQUhVMUpWKktfJ01zK1BaHFBfHlBQGU8ABFAADFM8P2M5PGM6PmQ2OWEAE1YABk4AAE1eQkuOXT+HTD6CREuHQFCaNU+ePFeUPVmCN1gOFFEAA1MACleAgJB2dogAEVkAFVkABU8AAEZlaH6Qk6GIjJpkaX+MkJ6QlKCjpa6anqmGiZdXWXMAAFQAFFytrbWkpa6cnaiqqrIkNGUAGF0ABVBRU251doiBgpJmZ32Cg5KSk5+EhZR5e4s/QmMUGVMAA1UEIF2vsLi1rbKupaqqq7QmMmMAAEdfX3d9fo55eYqYmKSQkZ2FhpR4eYoAAEwABVEABlUyN2A4M1w5NFw2OmIAAVMAClMABU4AAEoAAEgAAEUAAEQABE4ACVIABFUADloAD1oAC1IIElQBC1EAAk4AB1AEDlELFFRxVJjKAAAAh0lEQVQIHWXBTQ7BUBiG0fe5vlS4l7S9CzDqOmzEQvx1I2YGLMTMAiSsAlNpUm1D0nAOEuqhVj3AoJJqtTBVMmCEGki8NKT1yIwxH/ecTkgo6JNoWM4/U+THzbEAnilwmvPlzll2naXpJWi6nzQOYXfUcrX2vvA+JODcZuKSrUml69CJMbpSbxYCFgZgy5ZIAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/18IDPgIpWU7OZ1k9QYYX96/073fda8e11ab2ae63a714a13171bb5e8/Migration_Guide_for_TinyMCE_7_to_8__1_.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Migrate from TinyMCE 7 to TinyMCE 8 | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to easily migrate from TinyMCE version 7 to the latest update, version 8 with our step-by-step guide."}},{"title":"How to Create an Angular Project with TinyMCE","slug":"how-to-create-an-angular-project-with-tinymce","featured":true,"lastUpdated":"Aug 5th, 2025","description":{"description":"

Learn how to create an Angular project with TinyMCE. Step-by-step guide to integrating the TinyMCE rich text editor into your Angular apps.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to create an Angular project with TinyMCE. Step-by-step guide to integrating the TinyMCE rich text editor into your Angular apps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Create an Angular Project with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABfVBMVEUKE1QACE8ABk4AAk4AAE4ABE4AB08JElMJE1QCDVEABk8ABlAABFMAAFAAAFIACFIEDlEABE8AAE8AA04AAlIiKVx4eoxcX3gAAFQABVBKNEtpRUhaM0pbLUxZJk1nJlBcH1FnJFFOGVBmaYDU1Niur7cAAFUKFVUIEFFcPkaQXDyOU0J/OkN/MUaEK06QNVWYOFV2Ik8AAEo0OGKLjJpmZ34AAFMAB1QAD1UABlEAAEdXWnV+gZKBhZWJjJuLj5yJjZt4fY6Gi5mRlKCNjptjZHsAAFEAFFczOGM4PGUSHllMTWt7fI10dYeBgpGCg5J+f498fo55eothYnlQUW4xM1wAAE0LFFMEE1UgKl6QkJyYmKNDR2tYWXJ/f49qa3+Gh5WRkZ6CgpEVGVMAAEgABU8CClAADlMAD1drbIB/gI8EFVYAAEsAAEUAAEkACFABEVUEF1gABFAIElQBC1EAAU4BCVABCU8AB1EDDVIIElMLFFQAB04LE1QJE1N6xCCMAAAAnUlEQVQIHV3BPQ7BYADH4f+PN/S1oIPBYGPoAURM4hCO0UVMPg5gcRerQUw2K4mtBmLCQtIGra/B8yChD0AQPrLGgUihEpZYGBZuxqLERfl7mlguOgvX4SOwJRJBhKnyta3xsjF1fhrztohFNIv8Oxq5+zKwq8Alz8uUTmklebIcZifJZ+0tm3RBmkiP7LUnxr5dtJD6mTfeBqnh6AnfYCXqRuRppAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_TinyMCE_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/tByrz6VqzBooFvAsxX8sS/c2a4ca9f6c3f61aa547cba78f79009b8/How_to_Create__an_Angular_Project_with_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Create an Angular Project with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create an Angular project with TinyMCE. Step-by-step guide to integrating the TinyMCE rich text editor into your Angular apps."}},{"title":"How to Create a React + Next.js Project with TinyMCE","slug":"how-to-create-a-react-next-js-project-with-tinymce","featured":true,"lastUpdated":"Aug 4th, 2025","description":{"description":"

Learn how to create a React project and integrate TinyMCE, the powerful rich text editor. Step-by-step guide for fast and easy setup.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to create a React project and integrate TinyMCE, the powerful rich text editor. Step-by-step guide for fast and easy setup."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to start a React Project with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABpFBMVEUJElMJE1QAB08ABk4ABU4ABE4ACE8KE1QIElMBC1EAAk4AAU0AB04EDlEAAE0AAE4bIl0tMmkkKmUtMmgrMWgqL2gzOGsyN2s1Om0zOGwhJl8AA04AAEs8PmOCg5MxNF4gJ2M8Q3o6QXk+RXo9RHpCSX1BSH08Q3gxOHEdJWMABk8AAExucIQnKlohKGRbZZdseKdrdqZrd6Zsd6ZqdaVjbZ5YYpVFTYMsMmtCRW4EDlIAAU8AAU4AAE8AAFAjKWRdZ5hveqlueahpdKRhbJ1aZJdBS4Nxcoq6usFJS2wNFVMDDFAlK2JaZJNpdKFoc6Bkb51ha5pZY5ZETYNIS3RzdIohJVgCDVICCk8mMXo9SJE+SpE9SJA/SpFAS5FAS5A9Rn01PXUkLGwEFF8JElIABEwAAFVYZ8xygOVwfuJvfeJse+J6huRgcNgXJHQbIVweJGAUG1kLE1IABk0SIG8dKXYZJnQcJ3QaJ3UbKHYiLXcXJXQACFEDC00EDVAFDlAIEFEMFFILFFQAA0sAAEIAAD0AADsAADwABEsBCU8CC08CC1CSwSO8AAAAm0lEQVQIHU3Byw2CQBQF0HuHx3xiZhBbcGMHNuDGNlxZgoldWA02QBWsdecKYwTiOIKJnkOQIAEQSYwZ+BRL9i+AAHKwi7rTnWhCFBNwckUugV8Risll1UCK1vNfSUDKBaMiiag4ug8it2bDjwjFURCoBuHsk2IeRpUHBNrvmICTRxggvQnVlj9HztrMHE5755w1NhdrjKmX6/oNa/AikChfkg8AAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Create a React and Next.js Project with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create a React project and integrate TinyMCE, the powerful rich text editor. Step-by-step guide for fast and easy setup."}},{"title":"How to Create a JavaScript Project with TinyMCE","slug":"how-to-create-a-javascript-project-with-tinymce","featured":true,"lastUpdated":"Aug 1st, 2025","description":{"description":"

This step-by-step guide shows you how to create a JavaScript project with TinyMCE. Learn how to configure TinyMCE in a few minutes. 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This step-by-step guide shows you how to create a JavaScript project with TinyMCE. Learn how to configure TinyMCE in a few minutes. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Get started with TinyMCE in JavaScript","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABrVBMVEUIElMABE4ABU4ABk4ACE8KE1QJElMDDlMAAE8AAEsAAE0AAk4AAU0AB04EDlEJE1QAAEoDDFAwMlwXHlwsMmgjKWUtMmgrMGgpL2cyOGsyN2s1OmwzOGwgJl8AA04AB08AAD6AgZDT09hTVXESHGA7Q3k5QXk9RXo9RHo+RXpBSXxBSHw8Q3gxN3AdJGIAAE4ABk8AAERdX3eVlqI0N18aI2JbZZdseKdrdqZsd6ZqdaVjbZ5YYZVETYMrMmpCRW0DDlIAAU8AAEwhKGRdZ5hveqlueahpdKRhbJ1aZJdBS4Nwcoq6usFJS2wAAFAABU8KE1MDDFEmLGZaZJZqdKNoc6Bpc6FpdKFkb51happZY5ZHS3RzdIogJVgCDVICC1AjKWM6QXk+SY4+SZE/SpFBTJE+SpE+SZA+Rn01PHQkK2sEFF4JElIUGlYWIGhOYM5ic+FkdN9ret9fceBRZNYaJnQbIVseJGAUG1kLE1IABEwPHm8VJHUYJnUeKnYZJnYVJHQAC1EDC04EDVAFDlAIEFEMFFILFFQAA0sAAEIAAD0AADwABksBCU8CC09jl7+AAAAAjklEQVQIHQXBIW7CYAAG0O81f0K60gY0ye7BBZAcAs0F8EgcZm4BsbNM7QKTSzUKytTPexLUJKlJEMoMk9Qkb3HXTi0Lni0EYExZAKgNMKYsAQGQlOXP/xpSG8BqZAuAv3d8RUm/BYDP3UdKMlz3AJj6VUpXx3n/vQZwdNM8DpnOm2EY5pe267rf0+zweAElTSBqvRoIYgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/gtPd8Gyra8UHVrXxtNrSy/cea8aa6e73d92b026fbbd6935cbadf1d/Get_started_with_TinyMCE_in_JavaScript.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Create Your JavaScript Project with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"This step-by-step guide shows you how to create a JavaScript project with TinyMCE. Learn how to configure TinyMCE in a few minutes. "}},{"title":"Google Docs to HTML: How to Get HTML Content Cleanly","slug":"google-docs-powerpaste-rich-text-editor","featured":true,"lastUpdated":"Jul 29th, 2025","description":{"description":"

Learn How to Get HTML content From Google Docs using PowerPaste. Convert Google Docs to HTML quickly and efficiently in minutes.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn How to Get HTML content From Google Docs using PowerPaste. Convert Google Docs to HTML quickly and efficiently in minutes."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to copy and paste Google Docs to HTML cleanly","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABs1BMVEUIElMKE1QACE8AB08ABk4ABU4ABU8AB1AACVIGE1UHEVMCDFEABk8DDFAMFFIME1ILFVQHG1oAG1oEG1oEE1YABE8AAE8AAE4HD1EIFFQADFQAFlovJ1loPEsuJllGMkxlRklYOEpVL0lUKEldKUlRHEtiIE05C00AAk8IElIMGVcAC1gAAFUAAFsaI15GKFUfIVoADFNVPEqHXEJ/TkJ9VViBU1qRVVmCTV6NUWRYOFwIHFQADlMAC1lFSGqkpK6MjZoAH18AGV4IGFcACFBgQUiMXD+KVEODeoaKj52Xm6eHi5mKjpuJi5lRU28AAFIAAFmBg5PY2NzHx8wiMmQADVgME1MAAElhYXeHh5WOjpubnKd6fI2QkZ6Oj5yKi5kwM1wACFMAGVwAHGJARmqUlaF2d4kADlkAE1cOFVMAAEwnK1k+QWQ0N15CRGU7PGFERWZHSGhLTWoAElhWO1NWNlYAHWEAAFcKHFoAAk4AAE0AAEsAAEoAF1pnPVFmNVMAHl0AElYDEVQOF1QIEVMEDVEAEFQBGVkEGlkGF1YJElILElIID1EFDlIJElMLFFQABlC0ZjvyAAAAfUlEQVQIHWXBsQ3CMBRF0XfJLxK7oHDDBtRswDJMgESHaEFITMAMDMQIFJQgRcifyDgNOQeBRlQW4C3JNQj8WERBA/KziRQfo6NKjEyJCSPx72ZrJtwS1XUD3JccF7I5CEdqA7CC5iGLHFqpV/aOws9bC+SXir2ddu6u2eUL/OsZexIsdxAAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7jfeR1AbvL2rNGvaREZrfJ/d8d49af63d4bd56c0a658918255ee25d/_TinyMCE__Blog_Header__How_to_copy_and_paste_Google_Docs_to_HTML_cleanly.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Google Docs to HTML: How to Get HTML Content Cleanly | TinyMCE"},"metaDescription":{"metaDescription":"Learn How to Get HTML content From Google Docs using PowerPaste. Convert Google Docs to HTML quickly and efficiently in minutes."}},{"title":"How to upgrade to TinyMCE version 7","slug":"how-to-upgrade-to-tinymce-7","featured":true,"lastUpdated":"Aug 15th, 2024","description":{"description":"

With millions of developers worldwide relying on TinyMCE as their go-to rich text editor, offer this guide on  how to upgrade from TinyMCE 6 to TinyMCE version 7, which builds on our previous releases with significant updates and improvements.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With millions of developers worldwide relying on TinyMCE as their go-to rich text editor, offer this guide on  how to upgrade from TinyMCE 6 to TinyMCE version 7, which builds on our previous releases with significant updates and improvements."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to upgrade TinyMCE from version 6 to version 7","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABXFBMVEUXIlAWIVAUIVAVIVAUIE8bJ1cXI1IXIVAXIE8vMFInK1EMHE4AD0sAFEwGGEwOHlIEGE4RHk8WIlAZMVUXI1AeJVAWIE8aJFFSVW08QF8qMVY/RGFIS2YfKFIRH08AEUtRVGy7u8GhoqufoKmio6ymp6+jpK1HS2YCFkwZI1AVIFAEFUwGFE1RU2s4PF0+Q2BDR2MzOVtESWcUJFMGGU0VIU8qLE8YIlAVJk8ADUiBiJKGlZsAAEgAC0oACkkgLVqRk6CQiJIFHFESH08SIVAmKU8iJ1ATJE8ABEistbmxxMMLKlIPGU0QHE4kNGCim6WNgI0OJlcRHk4wJFEiIlATIVAAEUxGTWdSZXUEIU8TI1ATNVUgNFpbWnU4PWMUI1IUH08RIFBCJlEtI1AlFEwCH04TNlYXOFcWMVQSIE8EGk4PHk8TH08YKlMYLVRJJlEhIFAYKVIZLFMOIVAJEdWMAAAAk0lEQVQIHU3BMQ7BYBzG4d/LP+2iLWYLi0hMBgdwBMdwILPJIcw2idhMJOyKiOEL7aci1PMIkIRAyrNA3oEBCvWRmSQHBvia3lDhTugQhWpLX+nV9fZGoaufaEXUMQ3ZxCo1B+uzVWI9E5UuyUiSBxvr38E8kJ3a+rnN6kahsexrsZODYKJ5nhpvDztuAx84mAp4AfCrJuZOHarJAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6RwsDkcIcC7yLfkxsApRT6/4ddb7b81c13e959b18a2b75c71d1edb4/Upgrading_TinyMCE_from_6_to_7.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to upgrade TinyMCE 7"},"metaDescription":{"metaDescription":"TinyMCE version 7 is the latest version of the popular Rich Text Editor. Learn the easy steps needed to upgrade to TinyMCE version 7 from TinyMCE version 6."}},{"title":"How to Configure TinyMCE AI Assistant with Azure AI - Step-by-Step Guide","slug":"configure-tinymce-ai-assistant-with-azure-ai","featured":false,"lastUpdated":"Aug 16th, 2024","description":{"description":"

With TinyMCE AI Assistant plugin integrated into Azure AI, TinyMCE is enhanced with AI-driven features like suggestions, translation, and grammar checks.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With TinyMCE AI Assistant plugin integrated into Azure AI, TinyMCE is enhanced with AI-driven features like suggestions, translation, and grammar checks."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Integrate Azure AI and TinyMCE's AI Assistant","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABO1BMVEWj99mj+Nmi99mi+Nmj99qk9tqj9dqi9dqf9dmo9dql9dmk+Nqk9dql9Nul89yi8tum8dzN9ejq+fO67tqm9dmm+Nuq+Nyn+Nuj9tqk9dum8tym8d2j79y77d7r+PP//f/7+frk5t+z8Nmo9dmp99uv+t6r+dyl+Nqn8N6n7t+p69/a6e/4+vn49PTx9PLH6dmu9Nvh9+6/+OGs3tiq3+Co+dun8t6p8OGp8eK25enJz/7m8PHw8vDL8uSf9dil9tm99uC19t2jw9Sex+Ov992m9d6p9OKs9Oas9emx8ObH4+bD7N+/8uCn99ym99qh99il99mv9dyt9d2o9uGs9+eu9+uu+Oys+Omm9eGk9+Ci+N2j+Nqp+OOs+Oet+Omr+Oep+OSo+eGl+N6k+Nun+OCp+OKo+OKn+N+l+N3YHXs8AAAAbElEQVQIHVXBwQ3CMBREwbfRPyQcfOaQQiiCNqkA0RElBMtSkBdDjCAzQnyZTgIMDKqYTWBCH2UimzcRo36WbEBH7d0fEEtK+pdlQrN2aOKk7nZW86SJpM5XhnrIGGLSpmBVMgZiVLOWC2C6F5aFIAQIGn8DAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4bouIf6Mdjjpk3tTElU5ls/7a8b7472dc8920f1c6dd1e4b340c0622/How_to_Configure_TinyMCE_AI_Assistant_with_Azure_AI_-_Step-by-Step_Guide.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Configure TinyMCE AI Assistant with Azure AI | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to connect your TinyMCE AI Assistant with Azure AI in minutes. Follow our guide for a seamless integration process."}},{"title":"How to create Angular Reactive Forms with a Rich Text Editor","slug":"angular-rich-text-editor","featured":false,"lastUpdated":"Oct 10th, 2024","description":{"description":"

Step-by-step guide to adding TinyMCE to Angular Reactive Forms with detailed setup instructions.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide to adding TinyMCE to Angular Reactive Forms with detailed setup instructions."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Angular log being investigated with a magnifying glass","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAxlBMVEV1rv90r/91r/92r/93r/92rv90sP9xsf93rP11sf9zrv94sP90rv+Bs/2hvO6WufKUufm3oM/VkavIf6d6pfSPuv3D0e6Ktvpxrf+ZvvyjwvmOuf2hu/PVgZX3saTjio54oPKPuvvKytSIsvSxyviOuf5srviEt/Sese2vjcKll87A0vPI1vHK1e3F0u+Itfp4r/+90PWTu/xyr/xzsP1ysP9vsP92s/+hwPalwPCmwPGivu9/sPpzrf+Cs/6Asv5vrf9urP/n0hB8AAAAYklEQVQIHY3BzQmEMBRG0fuZgD88G7AAS5id/W+0AktwaRA3JsqMkNkInsNr4iZQ5McBzslfUhnro4kJBJiyRQd4MFO27oDAYqds3sADvf4UgIfQSlOgqD4ijYHb0PBlxrMTFiQToDzv19sAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2kfb5MfFASTVRhLe9zFj54/56c8fe98299fe65c3556c672bf6aebcc/How_to_create_Angular_reactive_forms_with_a_rich_text_editor.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Angular Reactive Forms with Rich Text Editor Integration | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide to adding TinyMCE to Angular Reactive Forms with detailed setup instructions."}},{"title":"Build LMS Editor with React, OpenAI, and TinyMCE","slug":"build-lms-editor-with-react-openai-integration-and-tinymce","featured":true,"lastUpdated":"Sep 26th, 2024","description":{"description":"

Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Build your LMS editor in React and TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAyVBMVEWS//+Q//+R//+T//+U//+f+fuR/v6L//+M//+P//2R/v2R/P2S/v+Z/P3F6PTR8vXJ8+/K9vSV6Mt75cB468x86c6G8+Sc/f2V//+W/PuJ+fnO8/T69vL19e/99Pbz8+/l9euX8uGC7tWC8+XC6umj+fmT+fuM+fzC+fnp+fjl+Pfp+fvs+/zn/f668/XD7fG19vmb/v6Z//+l5fjF6/PM8fCk+PiT/v+i7+Kt5syt7tyY//+V+/6c/P2e/f2U/v6V/vyU+/WV+/e5EEAFAAAAXElEQVQIHY3BPQ4BQQAG0PfNbrGEkqu4f4vOKYhes5kxJH4aiff8LZ4S1VswyMstM4LBMh+XatRt8+XMqFvn45RmxGaV7lh3SfYzCq6Lh1YO0zQ1XXRFk0qh+uUOTN0S9M0OtTcAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Build LMS Editor with React, OpenAI, and TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features."}},{"title":"What are Line Breaks? Learn How to Add and Remove Them","slug":"remove-line-breaks","featured":false,"lastUpdated":"Nov 21st, 2024","description":{"description":"

Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to remove line breaks in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAyVBMVEWl8PCl8fGj8fGh8PCj8PCl8fCy7u677++67++u8PCi8fCk8fGk7Ore8fHv9PX4+fn6+fr++/vS8/Sm5+ut7e6k8e+m8O+h7+7h8/P49PT49/f69/T++vXZ9PXXvM3eu82v7eqm8Oyg7+/i8/P79fX7+vr++/j//fnX9fXUy9naytip7/Cl8PGi7+/f8vPy8Pjv8Pj7+vv//f7T9vac7euj7+6k8vGz8PC58O+68fG78fC88vGu8O+e7eyh7u2i8PCb7uyg8PCg8O/OBbikAAAAYUlEQVQI12NgwAIYISQjiGb8y/IbzGUBizEzAUX/M7Ex/mH4D1PJyM0IB6//Q1VyIQvCtDMgBB9oX4EKfkMIfrsCt53FGCp2+D/cdgYNDsbDdoyH/oLthgMdoA4dHQZ8AACeiRNqOtUiuwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7eSTKLPihkYstzTnXlBhea/c52f148700072c108e32a961ac020bbc/How_to_remove_line_breaks_Blog_Update.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"What are Line Breaks? Learn how to add and remove them | TinyMCE"},"metaDescription":{"metaDescription":"Learn what line breaks are, how to add and remove them in HTML, and explore examples across different contexts"}},{"title":"How to Add Custom Import and Export from Markdown Buttons to TinyMCE","slug":"how-to-add-import-and-export-markdown-buttons-to-rich-text-editor","featured":true,"lastUpdated":"Nov 21st, 2024","description":{"description":"

Learn how to add import and export Markdown buttons to rich text editor, enhancing workflow for seamless Markdown and HTML content integration.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to add import and export Markdown buttons to rich text editor, enhancing workflow for seamless Markdown and HTML content integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Add Import from Markdown and Export to Markdown buttons to TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEVm8P9l8P9l8f9m8f9j8f9d8f9c8P9e8f9g8f9j8P9i8f9s8P+Q7v2N7/qK8PiP8PyQ7vqL7/x66uiV5r2P6Mxq8P+Q7/z38Pj29vH0+ezv8/To6erL6fCA5d2Y47GL6dJf7/+W7fn7+vn9+/r//fzY9PiB4O1v6PZc7f5k7/9n8f+T7/v29/fy1ez3zuvZ5fOD6PSA6PVj6/pl7/5o8f9v8P+P7/qS3/Sp0PCc3/SH7PiC6/hl7/1c8v9b8v9f8f/AsfzGAAAAYElEQVQI12NgwAIYkSlGBsa/cB4jMyOQZgSCX///wgRZ2Bnh4O0/IB8kwcgNF/sGVgQipOFiNzVeQ7UzcijBBC/8han8rw0TO8aI5BYWZjPG/0ynf0BcBHcnyEl/GfABAKJ5EiionU8vAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/RNNSB1uarlKYjqUF8weid/d5ccdf515a93c88cb95534b733480a49/Add_Import_from_Markdown_and_Export_to_Markdown_buttons_to_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Farzad Hayatbakhsh","slug":"farzad-hayatbakhsh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Add Import & Export from Markdown Buttons to Rich Text Editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to add import and export Markdown buttons to rich text editor, enhancing workflow for seamless Markdown and HTML content integration."}},{"title":"How to Integrate TinyMCE's AI Assistant with Amazon Bedrock","slug":"amazon-bedrock-integration-with-tinymce-ai-assistant","featured":true,"lastUpdated":"Nov 4th, 2024","description":{"description":"

Learn how to integrate Amazon Bedrock with TinyMCE's AI Assistant to enhance content creation with powerful AI capabilities and customizable prompts.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to integrate Amazon Bedrock with TinyMCE's AI Assistant to enhance content creation with powerful AI capabilities and customizable prompts."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration of a rich text editor with AI and Amazon bedrock integration","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABSlBMVEX+3OD/3OD+3OH93OH93OL+3OL/3eH+3uH93+L74OL53+L63uL83uH+3eH83OL72+P72+Ty0tzz09z52uLu1eLq1uTn2ebj2ebk3Obx4ub34eT93uL92+H52+fqztp6dJiDepvhy9nV2fPQ1/G3wOLQ2PTPzubs4+b14ub83+L72+L52uP42ufmyddhaY1scJPay9j5+/7z9PXFyND3+fnv5eju3uL34OT72uL52eP22eX22+bgytPjztXm3Ofn7PX29/j4+Pnx8vPt3d/43eD82+L52+Pz3eXx4efu4+nt5urn5One2uPq3eH14OP02t711tr93OD82+H53OPz4OXq5Onk5+vh6e3g6u3j6ezq5urz4uX73uL83OH23+Tr5Oji6ezd6+7e6u7o5urv4+f33+P93eH83eH04eXq5enj6Ozk6Ozu4+f53+MzRBnEAAAAcUlEQVQIHVXBzRHBUBSA0e+L+zZ+Yh2F2CtTATpRSlSQDRK5YsyY5xxB/iUhkCyEBAQ0aVRe4dcgoW6sDdkEdkNr5YYB7d5KT0PQtVauRQjYWZkfZSIOR38uZQSyif7kx7xSGUkww7WL+3Yqz7MkkLwB38gdMN2tJhkAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3AMJfxq11CM0a9KPsi3FgD/d47b6d61944968f7a33b4c7277ad86dd/How_to_Integrate_TinyMCE-s_AI_Assistant_with_Amazon_Bedrock.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Amazon Bedrock Integration for TinyMCE AI Assistant | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to integrate Amazon Bedrock with TinyMCE's AI Assistant to enhance content creation with powerful AI capabilities and customizable prompts."}},{"title":"Vue Textarea with Rich Text Editing Integration","slug":"vue-textarea-tinymce-integration","featured":false,"lastUpdated":"Oct 31st, 2024","description":{"description":"

Discover how to enhance Vue.js Textareas by integrating TinyMCE for advanced text editing and form control.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover how to enhance Vue.js Textareas by integrating TinyMCE for advanced text editing and form control."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Vue logo displayed on a large background inside a text editor with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAmVBMVEXQ/+3P/+3O/+3c+u3k8+7n+vXp/fXp/PXn/PTT/u7Q/+7Y/O3f+/Dh//Xi//Tj//bj//Xi//Xh/vLZ+ezT/e3P/uzN/eui28SJv6y88du349O86tm/793R+Ont7+7s8e/X++zp8e7o9fCz6NKCyKrJ+eax2cu859e759fL+OfV+evb+e3Q/u3W++zk8+3f+O7L/enS/+/R/+6IpGGNAAAAUUlEQVQI12NgIBYwwigI4x+YZIEIMjECAVCO8cd/mEqub9yMMPAGpvKbKFyMkeHbN4hKBUYkcO8bRCUvI+NFA5D0ebHXcDOBpCGIuvGNgUQAAGpQD/HeBFbrAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7k5ZtC7SLuAK3yuHoUHADS/b26447367223f1789f7e648b9caed053/How_to_enrich_a_Vue_textarea_with_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Vue Textarea with Rich Text Editing Integration | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to enhance Vue.js Textareas by integrating TinyMCE for advanced text editing and form control."}},{"title":"Four Steps to Upgrade a React Textarea with a Rich Text Editor","slug":"upgrade-react-textarea-with-rich-text-editor-and-vite","featured":false,"lastUpdated":"Oct 30th, 2024","description":{"description":"

Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Elements of JavaScript reference React while images on a computer screen represent the text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7898148148148147,"src":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=185&h=103&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&h=413&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1109&h=620&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1478&h=826&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1933&h=1080&q=50&fit=scale 1933w","srcWebp":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=185&h=103&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&h=413&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1109&h=620&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1478&h=826&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1933&h=1080&q=50&fm=webp&fit=scale 1933w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Upgrade React Textarea with Rich Text Editor in 4 Steps | TinyMCE"},"metaDescription":{"metaDescription":"Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more."}},{"title":"How to Create a New Angular Project: Step-by-Step Guide","slug":"create-new-angular-project","featured":false,"lastUpdated":"Jul 16th, 2025","description":{"description":"

Follow our detailed tutorial to create a new Angular project, set up your environment, and start building today.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Follow our detailed tutorial to create a new Angular project, set up your environment, and start building today."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Create a New Angular Project","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABU1BMVEUKE1QACE8AB08ABE4AAU4AAk4ABU4JElMEDlEACFAAC1QAAFMAAFQAClIJE1QABk8ABU8ACVMQHFhjZX1JTGwAC1UAB1AAAU8AAE8AAE4AA09NUG/Ly8+enqkMF1UIEVFhQkaNWz6DSkR9PEd7NEuGMFGELFKPMVNuIU8AAEsAAFAbI1p4eYtUVXEABFQAFVYIG1cADFFVR1uBYmF4UFZzT2BxR15xQV9+SWSETGVzT2k1OmA2OWAqL14AAFIDG1ghHlseIF4OHlgADVEAAEdnaX+Zm6iIi5qFiZiVmKSZnKiTl6N8gpGKjZubnKeUlaFra4AGF1YZIFuBFXJsEI0iHWcAElMAAEwAAE0JEVEDDlAfI1UpLFkKE1EjJlcWGlMCClAAEVMAH1pnEVZuDmMAHFsAF1YJHVkSHVgDGVYACVAACU8AC1EED1ILFFQAB04JE1Oz6u6QAAAAiklEQVQIHQXBMS5EYQCAwW/sxnuqFRIkTqCXKBQ6t3ABCZfRuY1KJVFTKklEVDbLb0apqgKbMaZl809V1QSb5m0rjb6rYQXey6Eqla9dPve8DUczAIBnJzsA8HQKy2MAeLkEy338LVg38XoGG4uDixqpHj5+pyvQvK6qUV03Hs/d6/auqqoqN2PrH6TPINPUDAF8AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1dPWb2WGECHdzPUl85Ng41/a438f3d24d1a562469fba587fb708788/How_to_Create_a_New_Angular_Project.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Create New Angular Project: Step-by-Step Guide | TinyMCE"},"metaDescription":{"metaDescription":"Follow our detailed tutorial How to Create a New Angular Project, set up your environment, and start building today."}},{"title":"How to Configure Google Fonts in TinyMCE","slug":"tinymce-google-fonts","featured":true,"lastUpdated":"Jul 2nd, 2025","description":{"description":"

Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor’s typography.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor’s typography."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Configure Google Fonts in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABnlBMVEUJElMKE1QACE8AB04ABU4ABE4AA00AAU0ABk4JE1QEDlEAAk4AAEwAAEkAAEoAAE0AB08dI14tM2kkKmUtMmgqMGgoLmY1PG9PV4JJUX5MVIE1PHAYHlwABU8iKWM7Qnk5QXk+RXo9RHo4P3ZgaJGTnsN4gqtIUIE0PHQfKGQAB1ACClBaZZdsd6drdqZrd6ZncqFzfaSZpMh9iK88RXkmNm8mMGcQHFkADFIBCVADDFEACFAkK2VcZ5hveqlueahueqhqdaR0fqSVoMZ7hq4/S348O2tkNktDL1sAF1daZJVqdKJpc6FqdKFlcJ1zfKGRnMF4g6xCS38rOW8zM2IbIVoMF1YiKGI6QXk9SI0+SZE/SpE+SZA/So1IUH1ES3s0O3MqM28fLGcAClEMFFMVG1cZImc5Us1mduFnd99jdOA+V9USIHEXHVocIl8fJWAWHFkME1IABEwGGm8cKHYgK3YcKXcRIXQDC04EDE8EDVAFDlAIEFEMFFILFFQABEsAAEIAAD0AADwAAD4ABksBCU8CCk8CC08CC1ADDFDf/+DCAAAAg0lEQVQIHU3BPQ4BURhA0XvHi58YU+jEChRqq9IrqFiCNdgLG2AHopUIIyYfU3nniKIgSkTnTUQa+BJSQ1fR2hiEBdWj9O82vGMBU3MXsGAWt4mZE4mFjs1B4jiL8cgMJDhP5+YgAdfKv/2youj1idGhbD2HP6vyXetmh2t/mmTrU2+/Ax4heOmj0ekAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Google Fonts: what is it and how to use it in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor’s typography.\n\n"}},{"title":"Comparing Tiptap and TinyMCE in React","slug":"compare-tiptap-and-tinymce-in-react","featured":true,"lastUpdated":"Jul 15th, 2025","description":{"description":"

Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Comparing Tiptap to TinyMCE in React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABsFBMVEUKE1QACE8AB08ABk4KElMJEVMLE1QEDFEABU4AB04ACVACDFIDDVMAClEDCVIHD1QJElQAAU4AAEwAAEkAAEgAAEcAAU0ABk8SL2ERLmMFEVUABFAHEVUROWgSL2IBB1EAAEoAQGUAWXkAU3kAUXsATHwATIAAQHoAAFEAAEsAAE8JMWINPG4AEVkAAFIAElkPRHMSNGcCCFEnRmg1Z4IhX4ERYIgOVIIgU4M2YpQzO2UeH1M5O2A/QWQlKVsACFg6PmV8fY4/RGkFEFQAB1AAAEZPTmuVk5+TkZ2Eg5CVlJ6BgY+QkJyZmqWioq2am6ZgYnoAAE15eozR0dV4eYwAAFNPUG19fY2JiZd+f49ycoU0NV0PFFEhI1UnKlotMF8ZGlgADFgzOGJoaYAsM2EDG1sKFlYACFBOT2xsbYF5eYp7fIxpan8DCk8AMWIAYocKNGQADlkAFlkORXETMWYDClIAAEUABE4ABU8IDFUGT3cAjK8IT3cIC1UHElQRI10BCVEJE1QDDFEAA04JElUTI1oPPWoJEVQBCVABCFEGD1MLFFQFCVIFAVIFCFIJElN0N+75AAAAmUlEQVQIHVXBQQoBYQCG4e8df6IZCVGzIrmACyiycBGuYGHFYmqacyjFAWxsXcPGbpoFjVLKb8QUz4OEckiWjCmC9FDxLpWBtGSAGhlZOddqWuGrQ07kTNrmX9zC9EH8ahwTmkM+Tl1y5lnnbS35PnAYA85gv/PczXl6mfW8TOJtXZclN09pZMUKrLMIIEDR3OqN0QTCWBTCF5ddIrD5si5TAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Tiptap vs TinyMCE in React: Which Editor Wins? | TinyMCE"},"metaDescription":{"metaDescription":"Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power."}},{"title":"Dark Mode Text Editor: How to Enable TinyMCE Dark Mode","slug":"dark-mode-tinymce-rich-text-editor","featured":true,"lastUpdated":"May 15th, 2025","description":{"description":"

Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Dark mode in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABqlBMVEUIElMABE4ABU4AB08ACE8KE1QJElMGEVMAEVQAEVYADlMABk8ABE8AA04ABk4EDVEABFAdIVldPVMxJ1oEFlEbH04FDUgXHEwXG0wVGkwkKFMjJ1ImKlMgI0gIDEAAAD8AAEIABEsABk0jI1ltPlI5KVwAFVAPFkkGD0kWHE0SGUsVG00UGkwZHk4ZHk0bIEwnNIMxPpMvPZMjNJEADlwAAkkABU8GH1wEGVkACEsZIllTXYlXYY1WYYxWYItGT3wAEFQACVEAAE45T75gcttldNpPYtQCG3YAAEQNFlQLE1QBCksXIVhRXIdVX4tVX4pRW4c7RHIADVMAD00nJlkvKmAAGGEADFsJEVIPFlUDDEsfKFxfaZVjbppjbplkb5pKU4AADlQAFVNLL1BfM04IIFkLE1EAB04CClEBCUoRG1NASXRDTHdCS3ZDTHgzPGoAC1AADlEAEE0VHE8gIVcDFFYKE1IBCU8EDE0ACEoAAEcAAEYAAUkEDEwFDkwIEU0CDksADE4KElIJE1QEDlEACFAJElIGDlEHD1ENFVIFD1ELFFQCC1AFDlBOpQ5/AAAAf0lEQVQI12NkYGBkZGSAA0Ywnx2If3L8ZAcLMH5h5GFg/M4owAgG/5kYEYCFQYgRA7CoXdLHFDzLCFe60wNMrVJgYWTghwlCWWkMQEMZUtB094IEGUpAyqD2d5U3/WdsZmwACv/nYPjB2FgfogcSr2FkbauEe+d/5x8GBtZ/PwADhRl8OzRSHgAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1xeR6oRjItK7Lt0ZAhXIz1/5e4d5e53aaf8fa3307ee7e217ddcaf76/How_to_enable_dark_mode_in_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Dark Mode Text Editor: How to Enable TinyMCE Dark Mode | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enable TinyMCE Dark Mode in this comprehensive guide. Customize your Dark Mode Text Editor for a more comfortable user experience."}},{"title":"How to Optimize Images in TinyMCE with Uploadcare","slug":"how-to-optimize-images-with-tinymce-uploadcare","featured":true,"lastUpdated":"Jun 25th, 2025","description":{"description":"

Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Optimize Images in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA8FBMVEX3+f76+//5+//6/P/7/f/8/v/8/f/6+//6/P/5+//////+///9/v/9/f/8/f/8/f76+vvy8vLy8/P89eP+/Pf6+vru7u3x8fDy8vH8/Pv9/f76+/36+vz29vj29vn39/r7+vX9/fz8/P3y8vXz8/X19ff7+/z+/v/7+//19v/5+v/7+/729v7T1fnV1/rZ2vrb3Pvg4fvY2fnQ0ffR0/fu7/v+/v7s7v/e4v/m6f/s7PHp6e3t7fDk5enk5ejw8PP6+v/6+v77/P7z9P/m6P/j5v/39/fq6uvd3eDc3N/f3+Lv7/D8/P709fj5+vz7/P28MXniAAAAB3RSTlP+/v7+/v7+sGAR7wAAAI9JREFUCB1NwTELgkAYBuD3vTv7BjFaQ5wbguYa+vltjQ1NhURhFEJKSmV3HZTp8xBCdJyCVbWhxh89wCqj0DEkSFaGIb0bvBG/coOI3hCHpEREEqkjgwn70vsLD22asfzsYpHLjMVb64UMxFsd+dxjO99Mm5xa0EoyLKuQ67NGgFZhbXOKWV4JIXqcsqr+AJJPKknkHBYNAAAAAElFTkSuQmCC","aspectRatio":1.7833333333333334,"src":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&h=414&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1926&h=1080&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&h=414&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1926&h=1080&q=50&fm=webp&fit=scale 1926w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Optimize Images for Web in TinyMCE with Uploadcare | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing."}},{"title":"Textarea Placeholder: Usage, Examples, and Best Practices","slug":"textarea-placeholder-usage-examples-and-best-practices","featured":false,"lastUpdated":"Feb 14th, 2025","description":{"description":"

Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Placeholder Text Best Practices | TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABDlBMVEWbyP+ayP+Yx/+Xxv+Vxv+Uxv+Uxf+Wxv+ZyP+pz/6z0/671/7E3P3O4f3Q4v2hy/+byf+cyf+ky/3n6/bz8vj39fz39Pz38/zy8Putz/2hwPydyf+ozPzk5fXs6Pfv7Pvw7fvz8P308v271v+yvPmnzv+izf+dyv+kzf2ozPrf4/br5/bu6/vBv9WtrMOQpMR7r8yBudCUv+mayf+qxvewyvekzP7a4fXr5/Pu6vnw7Pu6uM2nprmUn7p2qMF5tMafv9+qzfqmxvmryfmizP/W4Pjz8Pvu7/vs7vvp7fzl7P3D3P+izf2mzv+sz/yhx/eqy/uxz/uoy/yiyfyex/2ax/+ey/+eyv+Zx/+Xx/+MkUHeAAAAZElEQVQI12NkgABGEPEfmcPACAU/IIIsEIodIsjA8QEmKPhBEKqSm5GB8T1UpQAXTD9QGCooBtEKEf0C0W7MiAz4b/8Hq+RDEf0PcZIxw9kAMH+3G+NKJHeGM65kY/gJdz02AACv4hCt2gn+0QAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bPe6bHCAho65XqaEGG4Uy/42b0e7c931d7b59f5eee83cca5ff58b4/_TinyMCE__Blog__What_is_Placeholder_Text_in_Web_Development_.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Textarea Placeholder: Usage, Examples, and Best Practices | TinyMCE"},"metaDescription":{"metaDescription":"Discover what the Textarea Placeholder attribute is, how it works, and explore best practices for implementation and common troubleshooting tips."}},{"title":"How to Add an Emoji Picker to a React Rich Text Editor","slug":"react-emoji-picker","featured":true,"lastUpdated":"Jul 22nd, 2025","description":{"description":"

Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons—step-by-step setup, code, and customization tips.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons—step-by-step setup, code, and customization tips."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Add an Emoji Picker to a React Rich Text Editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABiVBMVEUKE1QACE8AB08ABk4ABE4ABU4JElMLE1QEDVEABk8AB1EABVMABlIAB1AEDlEJE1QAAk4AAEwAAEkAAEoAAEgAAE8AClUbJlwQHVkAD1UABE8AAEsAPWMAV3YAS28ARm4AS3QAUHsAQHEAQXQARnsARHsANXJCRGe5ucCPkJwAAFUIE1QEDVAARmkAaIMAW3wWVXk3Xn82YoZJZog4WYE2WYQASYEAN3M7PWOpqbJ/gI8AAFMCEVQABU8AAEcASGoAZYU/YoCEgpCXlqGSkZ13doYAAEYAAE0ABVQACFYAE1cADlYAE1gCElUABVAAAEVuboGZmaSCg5KIiJaJiZeOjpyamqWOj5xERWULGFgUIlwEFllwcYR7fI0VIFkABFMxM1xSUm5BQmRCQ2RLTGpISWhQUW1OUGwcH1QAAE4EDFMRO2cMSHcPHVwIG1uMjZqZmqUhKV0EDVMRKV4RMmUIFVcAEVYnLl4tM2EAE1YABFEBCVADC1IAClEACFECD1QIEVMLFFQAB04jQzlBAAAAiUlEQVQIHV3BMQ7BYBzG4ff3tVqLqM/YxSEMJjcQi0vYzDZ293CH3kA6O4OtIRIxtH9fFIk+DxL6IKhNlpBSN3qzlOCuAWQgzDVy4u1iIqfrbPicf5UvmVN5EK3bkCAe4WkVjyX+mhGMF3SdWB+dJBPTYsOX+vVMQfm0LYLDaoK048dF+6gXK3kByDMgGBTbYvgAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Add an Emoji Picker to a React Rich Text Editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons—step-by-step setup, code, and customization tips."}},{"title":"Migrate from Tiptap to TinyMCE: The Vue.js Configuration","slug":"migrate-from-tiptap-to-tinymce","featured":true,"lastUpdated":"Jun 17th, 2025","description":{"description":"

Make the move from Tiptap to TinyMCE in your Vue.js project. Learn the best practices for a smooth migration and enhanced rich text editing.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Make the move from Tiptap to TinyMCE in your Vue.js project. Learn the best practices for a smooth migration and enhanced rich text editing."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Migrating from Tiptap to TinyMCE Vue.js","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABv1BMVEUJE1QKE1QACE8ACFAACFENFVINFFIKFlQRHFgRGlgAE1UIE1QADFEABU8ABk8AB08AClAJFVUfGVYFFVULF1UACFIADlU1JVZdNU8HGVcAAE8AAE4ABE4tIVVsO00gIFkDGVkAAFIACVUUIFouJ1cOHFhhQ0eRXz58R0V7PUl5NUx8LFF7KVF0JlEOAEsAAE0AC1MpIlUAEVgqMV+np7COjpsAAFQNF1QAAExeSFSRZ1aVXU2BRk6AQVR3PVyJSWN7N1lCO2A9QGMnK1kADFMABFQ0OWKysrqWl6IAAFEAClEPFlMAAEdKTm2Pk6GRlaOPlKGCh5Z2e4yJjpuUmKShoq2bnKdra4AFElMBFFYVH1kADFQMGVcPF1QOFVJPUG1/gJBzdYd4eYoxNFwPF1IbIFQ4O2AlKFgnKlgWGlMDDlIACU8DElMABFIAClIOF1QAAElERWV1dYd2d4h1dogbH1QAAEsED1EMFVMMFlQmIVcsIFQRG1ULE1IAAEYAAEgAAk6Gh5SBgpEABFA/KlJQMVAEFFMDDFEAA04ABU5WV3FRU24MFFIOFlMDDlEFD1ILFFQAAk8AAEoAA08ABE8NpA28AAAAkklEQVQI12NkYGRkgAJGxv9MjGDADcQMQPHPDHyMcCAFUQREPzlgYiwMPIxo4IEiixy6GKMII4sIEvewHZThI4yu8s8SJhUhMLgscIJ/Dh8YTP/MtJ+Vh5t717JrXG+4ardzAcFEBgami4LzuObef/aFU5aTk7Obg4PjSy/QC5yfq559YWBojeR4Hf2/kb0B6GYAle8ijdhUS2oAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/40UUVlyshpj2JqSN9h6GWp/695a3412e4bceaa122e1e06f950060ee/Migrating_from_Tiptap_to_TinyMCE_Vue.js_Setup_.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Migrating from Tiptap to TinyMCE: Vue.js configuration | TinyMCE"},"metaDescription":{"metaDescription":"Make the move from Tiptap to TinyMCE in your Vue.js project. Learn the best practices for a smooth migration and enhanced rich text editing."}},{"title":"How to get started with image uploads using Bootstrap","slug":"bootstrap-image-upload","featured":true,"lastUpdated":"Jul 24th, 2025","description":{"description":"

Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to configure image uploads in Bootstrap","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABlVBMVEUKE1QACE8ABk4ABE4ABU4AB08JElMIE1QCDVEABk8ACFEABVMABlIAB1AEDlEJE1QAAk8AAE8AAE4ACFIADFUbJlwQHVkAD1UABE9WPEl9UkNwQEdvN0lkKkxwJ0+ALFKBLFJzJ1FoI1EAAFNBRWm5ucCPkJwAAFUEDFAAAExUQFGCWk97S0tzPk5wNVCCQFt+N1mVRl+KQV1zN1oAAFE6P2WpqbJ/gI8ADlQEEVMAA08AAEVjZn2Ul6Scn6uQk6GJjZucoKuVmqaeoqyMkZ5+gpEAAVEAAlQAB1cADVYAAFIABlQAAENoaX6JipiIiZeCg5N+f480OF4rL1omKlgiJlcXHVckJ1wAFFmYmKSrrLQnLV4AAFAAAEdZWnOCgpJ7e4x8fY18fI2Dg5IPFFEAAEoAC1VbPVJ6RE4dIFwADFi3t77MzNE3PGUAAE0AAEkAAEQAAEY5KFhVLVcOFlgABVUrMV81OmQACFQIElQCDFEAAk4ACU8ACVAADFMADFQACVEABlEGEFMLFFQAA04JElQIElOhGrogAAAAjUlEQVQIHQXBsSqFAQCA0e/odyndcpUXoMRqtNpk9CJmExYPch/CA1hYlA2Jlchi/F3OUaqqgrG/iRUaq8aGZfw0ZV2VKuBrbLAKALxtv4z2AIDPTe6GDQDwvONxd+qYAK9b3O9jmAHcvJ/gEN/DjMr109L4cADMhzWqq8licQZuP45OdXkxVlUN9eucf5L+IWrenQYEAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Bootstrap image upload - how to integrate it with rich text editors | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads."}},{"title":"How to set up CMS WYSIWYG editing that rivals Wix and WordPress: a tutorial","slug":"tinymce-for-cms","featured":false,"lastUpdated":"May 10th, 2023","description":{"description":"

Find out how TinyMCE's out-of-the box integration supports a CMS that will be competing with Wix and WordPress with best features and plugins.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how TinyMCE's out-of-the box integration supports a CMS that will be competing with Wix and WordPress with best features and plugins."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content in a comment box being selected with a mouse pointer","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABXFBMVEUZJVQZJFQWIU8TIE4UIE4XIU8XIk8aJlYZJlYZJVUYJVUZJVYYJFUbJVEmLlUsM1crMlckLFQYI08aJlcYJVYTIVUEGVMAFlIAFVIAFVEpMVciKlIbJVAcJlAlLVQZJFAWIU4XJFYNHlMADFAPH1QAF1IAFFEEGVIcKFcgK1kMHE4OHEwSHk0VIE4fKFEVIU4AAEmDhZTk5Ofk5efj4+bl5efc3eBgZooZLG8tOXMsOHMeL3AgL24XI1QmLlQaJFAQIFQAAEOkpa/////4+ft8gKBvdZhRWYkcMHgiNHkYJVgjLFMdJ1EAAEp8fo/b3N/a297b297c3d/T1NlUW4IwO3Ksrr1LU4ERKXAeLmsXI1MYJFYAAk4AAEwACk8TIlUoL1W0tbtpbH8SHkwUIlYLHVMEGlMFGlMKHFMfKVMoMFUlLFMkLFMpMVYXJFUYI1AhKlMqMVYVIU8TH04WIw4PAAAAlElEQVQIHQXBMS6DAQCA0e+1v1QTkUjThRisTBbpxuQYFjdwEzeQuILB2lGMBqsjtBMR+es9lXapHdQ4ZRa0K4DN1AKScbddwN+e4RBULODz/OvM8gQqAAwXqCoEWK5IAfByOdy+rXxUnR7B+ua9zfD6s++q1h17vuNgfr3dmtUwTmpscs/v7Mlmal5VVd8Pemyc+gdMCSA+3rsPNAAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=764&h=430&q=50&fit=scale 764w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Xmd5F9iWxV5HkXITntbR8/2dcf826b15ce9661a4645e486498c49f/img-frame-3.png?w=764&h=430&q=50&fm=webp&fit=scale 764w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Configure TinyMCE for your CMS to rival Wix and WordPress | TinyMCE"},"metaDescription":{"metaDescription":"Creating next generation CMS that will be competing with Wix and WordPress is easy with TinyMCE. This tutorial that covers everything you need to know about integrating WYSIWYG editor into your CMS."}},{"title":"How to build an LMS experience to rival Canvas and Google Classroom: a tutorial","slug":"tinymce-for-lms","featured":false,"lastUpdated":"Mar 28th, 2023","description":{"description":"

The best content creation experience for an LMS editor, one that can rival Canvas and Google Classroom, is possibel using TinyMCE. This tutorial explains how to get there.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The best content creation experience for an LMS editor, one that can rival Canvas and Google Classroom, is possibel using TinyMCE. This tutorial explains how to get there."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A collection of icons showing the tutorial steps in symbolic form.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEXGuf/Huv/Iuv/GuP/Ftv7Gt//Huf/HuP/EvfrEvfnHuf7Ft/vCtPnEtvvEtvzJvvXi4/LRzu3AsvfEtvrFuP/Bs/zA0OzE0e3Bs/vDtvzGufzJvvjNw/nIuv7Pyevn9OjW2eS0p+m5rO3Huf3Guv/KufTnu5LdvsWypvKGddq0q/DGw/vc2PHIv/DJuv/Et/rFuOy/ruTFt/7Ju//NuezzvjTnvqC6rvuwmeW5weu4ze7Du/O5q+7KvP/Iu//WrObnn8LIuf/EseW5quO4quzrwdDYsMy1qe2ypea8ru/Ku/+3suKiqrfFuf/DtvvPwvTGtey2tu2fs9QtHq0dAAAAbklEQVQIHY3BIQoCQRiA0e+T8U+CwSM41SAYRfAAntVuNwtm8QpbTKszK8siuFh8j78JyqCbaIGKxGuqJfnRpFZcOHbvJDt2SW3itvFbARL5unXwmOlpBQi7uWg9N+vn0qNUeqGHrBCxD35E0HsDVAEXJAVAh2cAAAAASUVORK5CYII=","aspectRatio":1.7794994040524434,"src":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fit=scale 1493w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fm=webp&fit=scale 1493w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Configure TinyMCE for your LMS to rival Canvas and Google Classroom | TinyMCE"},"metaDescription":{"metaDescription":"Tutorial on how to configure TinyMCE for the best content creation experience in your LMS."}},{"title":"How to add WYSIWYG editing to your project management platform: a tutorial","slug":"add-wysiwyg-editor-to-project-management-tool","featured":false,"lastUpdated":"Dec 14th, 2022","description":{"description":"

Find out how to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Project management platform tutorial in large letters filling the image","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEUQGDcPGDcPFzcPFzYKFDUEETQEEDQDDzQCDzMCDjMEDzQIFDUiJz8xNUctMUUsMEQvM0YzNkgqLkM0N0khJz4JFDUNDjNNTVpycnpsbXVnZ3B1dXx4eYBsbHRlZW5qa3N2dn1QUV0ADDISGDcoGzkqGTglFzcjFjcmFDYnFjckFDYiFDYlFDYmFjceEzYfFzcUFzYOFzYVGjsXGzwYGz0WGjwVGTsWGTsWGj0ZGz4aHD4bHD8aHD8cHD4ZHD8VGz0QGDgPGTgQGTkPGDgQGToPGTkRGTsRGToRGjsSGjtlLH63AAAAXklEQVQIHQXB0Q0BQQBAwXnrBJEoQiNqVwGN8E9i1wwAAAgFWbAW0ahUc+5911xinKrSGnNXr2mTc1WqqjfpWlVVfY71sHGpqqqqO5v1vJWU+h5CyGAOwA8AAAAAAP7B7BYMfiw/EAAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5V8hwQ5ioolIzrAhvtKYba/1210328335e509ad09929c01d8434bc4/project-tutorial-2022120713263108-2.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace, Joe Robinson, & John Rau","slug":"di-mace-joe-robinson-and-john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":" How to add WYSIWYG editing to your project management tool | TinyMCE"},"metaDescription":{"metaDescription":"Configuration steps needed to enhance the text input in your project management software so it can compete with Jira, Asana and other advanced workflow tools."}},{"title":"Add Author Information to Revision History in TinyMCE - Complete Guide Part 3","slug":"how-to-add-author-information-in-tinymce-revision-history","featured":false,"lastUpdated":"Oct 3rd, 2024","description":{"description":"

Step-by-step guide to integrating author information in TinyMCE Revision History.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide to integrating author information in TinyMCE Revision History."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration showing authors in Revision history in document editing","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABR1BMVEXA1//B1//B1v/C1v/C1f7A1P2/1f7B1f7A1f/D1v/D1v7C1//D1f7E1P3G1fzM2fbC1PbT3vPU4PjC1P7D1f/E1f/F1PrE1f7KwuHMy+3G1f7D1P7H1/3z9fns7fDv8fL19fXN2fnD1P/F1f/E1P7VwtnR0fPL2Pnb4vL09Pb39/f29vbb4PXJ1PrG1P7G1f/G1P/H1f/G1v/I1Pva3/b6+vfw8PPy8vX09PXq6/Td4PfW2/jI0fTF0v3H1P/I1f/E0fbS2fbg4/j7+vjo6vbV2vfZ3ffR1/bGz/PDzvjH0//I1P/I0//J1P/F0vzBz/XM1fTk5/bk5vbV2vrS2ffH0PPDzvfIz/rOxu7J0//K0//G0f2/zfbCzvTN1fTL0/TCzfXG0PzL0f3K0v/L0v/J0v7J0v3K0f/EzvnGz/vM0v/N0v/M0f/uMny0AAAAZklEQVQIHQXBQUoDQRRAwVfNZ9AxjqAX8f6HchcwBGmrVFXa0q5kVaXAs6rRYa8AVOazAIBqrgo/X3B/g3zXXv4GAM1V2Qvcb8BctVfAB6h5rxLg0ctvr3NWCTw766zRUVXpqKr1DzxsDz/rspIBAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2g4XVMwv5Cn2cWzt4rEIas/e929d1f0abd7dc19d5898d245961cda4/Revision_History_add_Author_Information.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Add Author Information in TinyMCE Revision History | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide to integrating author information in TinyMCE Revision History."}},{"title":"Implement Lazy Loading for Revision History in TinyMCE - Complete Guide Part 2","slug":"how-to-implement-lazy-loading-in-tinymce-revision-history","featured":true,"lastUpdated":"Sep 18th, 2024","description":{"description":"

Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enhance TinyMCE's revision history with lazy loading for a faster rich text editor. Learn how to reduce load times and improve scalability in your editor setup."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Revision History in TinyMCE with lazy loading for efficient webpage loads","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEX84dL94dL94tL94dH739D94ND539P749b14Nf84NL43tTp4Ofs2Nj318v26unv5+z63tD94tP+49P45tzu2tP73c/84tn7/v/s7PTx0cn76OL37u/7287939D129D23tX74tf82sz73NP8/f/19Pj13dTv4eLz29X72sz93s/33dDNusfWxtP15Nz539b70sb53tj36+n65Nr4+v3y4d342MX73c743c712sr01sj72839283818n61Mb62cr55t/33NH83Mv94NH939H83Mz728uOiwjCAAAAXUlEQVQIHQXBsRFBURRAwT3PG6nRgFCgC5VrRs4vwFy7AQgYBIRMxrBAstbJ3iDIuaqqYwhXVVVV77HJ51ZVVWHDo6qqCps53KuqKoS6+D4bq9/LEARjXRwzAAAAfw6tFJY1df7tAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ez7DcnjgjA4cVBvvDRCD2/46b303bff6649ed4a1f52ebf86a59d34/Revision_History_and_Lazy_Loading_-_Part_2.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Implement Lazy Loading in TinyMCE Revision History | TinyMCE"},"metaDescription":{"metaDescription":"Enhance TinyMCE's revision history with lazy loading. Learn how to reduce load times and improve scalability in your editor setup."}},{"title":"How to Set Up and Use Revision History in TinyMCE – Complete Guide Part 1","slug":"how-to-set-up-and-use-revision-history-in-tinymce","featured":false,"lastUpdated":"Sep 5th, 2024","description":{"description":"

Learn how to configure and use Revision History and Managing Authors in TinyMCE. Step-by-step guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to configure and use Revision History and Managing Authors in TinyMCE. Step-by-step guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration of two versions of the same document and a comment on a version of the document","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABEVBMVEX88Y/98o/98Y/88ZD98o778JH78I/78JL88Y398Yz98oz88ZH675T47Jjx6rH27Zz57pX67pX68a3p69D475r98ov98pL47Zf37Jnw567W49/w4bPz16n16Zb67Yzz8b7r9f319ef37rj57Jb67ZL88Y7675P47Zj16p306aDz6abx6bHyysOq2dWw67bz7Y/q8b/+///+/P/18vT18uD58K/88Yz575X37Jr06p7166D36ZroysQl8tyd98X774798Zn899r9/Pz49fb07cP69L327Jr57pr57JXg0qWS8MXf86f/8Y798Yr88Yn787H38tj365b98or98Y798ZH574758I//8oz98Y398Yn+8o4qjriuAAAAfUlEQVQIHV3Buw4BQQBA0XtndrLFileh0Pkg0ftHf6JWSUStQKGRNcOK2HCOgLyZ+YgELBAzVFjoaIkEhTbp/UEBpGmTndtAPU9PBUx14499oVr4B6gmehnbu1qI1zRzWPdGO7BOzI9LdbNKbjnkDMQXdG0IhEo6gnTMfD0B7jwdHTX5+rEAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1tgFsZw0WSa1GQsphakyju/8bb5fdf7155c5aeb440327ada098826e/How_to_Set_Up_Revision_History_in_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Set Up and Use Revision History in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to configure and use Revision History and Managing Authors in TinyMCE. Step-by-step guide."}},{"title":"How to Resize an Image Using HTML","slug":"how-to-resize-image-html","featured":true,"lastUpdated":"May 20th, 2025","description":{"description":"

Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to resize an image using HTML","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAgH/8QAJhAAAQQBAwMEAwAAAAAAAAAAAQIDBBEFAAYhBxIxCBMUQVFigf/EABgBAAMBAQAAAAAAAAAAAAAAAAECAwUH/8QAIREAAgIBAwUBAAAAAAAAAAAAAQIAEQMhIjESE1Jh0YH/2gAMAwEAAhEDEQA/AIn6ObD2/wBUMmqBPdaxKo0QOOynnjTq+6qqxXGuq5Gy4iTdgnTTj7MkstClqvfPyaRkPTdsrG/GM3PxcdFeUpLmQkOqS0yAkkKsKPmhVj70uPOS2+69AXFJJG2TlutrGwMy7FwMyVkIDNtiRJbQkrUFEEp7SbQeCCeefGtI9s0Uv95hA84VUt7HTPcjOrYWCk22qvxqYUOtMLgUkGxEvZSZKeccdkurUskqtRo/zUwioAqjQRetn3MdTDrAKUKoWoEk1+x08E//2Q==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to resize an image in HTML - 3 methods for image resizing | TinyMCE"},"metaDescription":{"metaDescription":"Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness."}},{"title":"Bootstrap Inline Forms: Step-by-Step Instructions | TinyMCE","slug":"bootstrap-inline-form","featured":false,"lastUpdated":"Dec 12th, 2024","description":{"description":"

Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration with a Bootstrap inline form","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEXa1//a1v/Z1v/b2P/d2/7f3f7b1//Y1f/X1f/q6fn08vr19Pz29Pzy8fva2v7W2P7V0/7T0v7n5ffq5/bu6/rv7Prx7/rT0vvR1fzc2f/a2P/S0fbNzfPm5Pbr6Pbu6/nx7fzz8Pzj2Pi2h/fKuvvc2v/b1fzTyOzMzfbw8Pr///z///3u/fzF9PXa5vi+n/bOxPvZ2P3a1v7Uz/bR0Pvj4vrs7Pzs6/zl6frc6Prk5/za2P7Z1//X1P/X1P7Y1P8/uKSrAAAAXklEQVQIHQXB0Q0BQQBAwXl2Scj9X6IQifZ9qUUJYjEDAAACKL6AwFgz/D6nN0wwj5WqZTHBuUrV5YWJsVdVVS9M7FtVVQUTtqqqnveFYKzD8VYPvzHeAK4nAAAAAP4yPA+XBh8HHwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Bootstrap Inline Forms: Step-by-Step Instructions | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!"}},{"title":"How to Build an Email Newsletter Editor with Angular Using Windsurf AI","slug":"how-to-build-an-email-newsletter-editor-with-angular-using-windsurf-ai","featured":true,"lastUpdated":"Apr 7th, 2025","description":{"description":"

Learn to create a powerful email newsletter editor with Angular & Windsurf AI. Build, format, and enhance newsletters with AI-powered features.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn to create a powerful email newsletter editor with Angular & Windsurf AI. Build, format, and enhance newsletters with AI-powered features."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Building an Email Newsletter Editor with Angular in Windsurf AI","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA9lBMVEWA7/aA8Pd/8Pd/7/eA7/eF6/F/7vV+7vV+8PZ+7/Z/7/aC7fSD6/KJ4eV77vV+8PjN7/Wt7/Z88PeB8PeJ8PaS7vR97vaR6+qE5dtq5eFs6uuw7vOd7/WC8Pd97/e08vXR9PXi+Pn2+PXg8evA6t+C6Op+7vSF7vSK8PaX7/XA8vX19fX++/v//f74+fqT7PJ65vKA7fV+8PeK6O/ox9Dxvsn89/f//v3j9PV67PR76POB7vaC7POpztqf2+S17vLY8/a37fGy7fG07vJ/8PZ77/V48Pdy7PJ27PN57POs6/Co7/R98PeA8PZ56u997vV/7vaC6/LcNJa5AAAAeklEQVQIHUXBMQ7CMBBFwfedFRAqRFpScxDOjKjokHIOBG0KKNxAbNZRLGbETCgjNFEYhaVkn5VcxAlnqZV77aT3FxDQoerZxxEEqJdSo1mMIxiwfxxVRZzhDltVFIHi3i4GCuHESYtzBgIuN9fNbe2GS+bPpE4KwSh+ERYclobaysgAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2AJp7lcclMTaSyy1WHWcdV/45b2f36d6cc415a2e67762887e4dbfde/Building_an_Email_Newsletter_Editor_with_Angular___Windsurf_AI.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build an Email Newsletter Editor with Angular & Windsurf AI | TinyMCE"},"metaDescription":{"metaDescription":"Learn to create a powerful email newsletter editor with Angular & Windsurf AI. Build, format, and enhance newsletters with AI-powered features."}},{"title":"How to Build a CMS with React and TinyMCE: A Complete Guide","slug":"build-a-cms-with-react-and-tinymce","featured":false,"lastUpdated":"Feb 3rd, 2025","description":{"description":"

Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a CMS with React and TinyMCE: A Complete Guide","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA4VBMVEXC1f7C1f/D1f/D1v/D1v7D1f7B0/3B1f+71PrB1f7E1v/G1//G2P7A1vy10fi11PzP2fjk3+3D1v2+2Pyh1fOg1e2h1u2s3fDH5/X19fju6vDK2fvh4fPJ2f3J2f/C1/y31/fn8fn2+vr68/L88e3///zm7PnH2P3W3/jK2v7G2P/F1//J2f7J1v3L2v719Pj+/Pr78/H77+v0+PjU6vbI3PnI1/nJ2v7H2P/I2v/I2f7u5uzk4u/O3vvT3/nQ4PfI5vbL3/jI2f/J2PzC1fe80/jf4PTK2PvE1vzE1v7G1/1Rc15YAAAAaklEQVQIHQXBQW1CQQBAwXnbJeRrqAEEIIAzkrHAvRJqgIQ0DfxlJoDAAgOoRmhCEGP0OtSfdibYqqr2/4XQtlVV1e++hK/vqqqqHyZOVVVVD4R5rqqq5/1N0HCpqtu+ANTx6DorEBBggQ+KAxOtfolwcQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to build a CMS with React and TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker."}},{"title":"How to Resize an Image Using CSS: Best Three Methods","slug":"how-to-resize-image-css","featured":false,"lastUpdated":"Apr 22nd, 2025","description":{"description":"

Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Resizing Images in CSS | TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAggDBAf/xAAnEAABAwIEBgMBAAAAAAAAAAABAgMEBREABhIhBxMUFTFhCCRxof/EABcBAQEBAQAAAAAAAAAAAAAAAAIBBQf/xAAhEQEAAgICAgIDAAAAAAAAAAABAhEAAyExIoESUWHB0f/aAAwDAQACEQMRAD8ASPhDkWicTamuDMSITkeMHHHy4TzFareLi22Oq7JbNSt2PXHWZNxoor33/M0mpfHDJlKZjuTK9Dhx3lKSuSuQfrgJJBUAo73AAvtvg696y87r8BeFWuMXbN0WJSat0tLVUFRkNi/cmUNO6rm9gkkafBB940b0zCWpU9frERSzYU+8pPuuRn18lxbN7X5aim+3rBCznAOD3OYkEdW+QfILhI/pxfjH6yvPeSyZTtQLb8lxT7yk2Ljh1E2JA3/MCMYw8YlGSSra5//Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Resize an Image Using CSS - Best 3 Methods | TinyMCE"},"metaDescription":{"metaDescription":"Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness."}},{"title":"TinyMCE not working: possible causes and fixes","slug":"tinymce-not-working","featured":false,"lastUpdated":"Jun 8th, 2022","description":{"description":"

There are a couple of possible reasons why TinyMCE may not work - you can fix those easily, though, and we prepared detailed instructions for you on how to do so.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There are a couple of possible reasons why TinyMCE may not work - you can fix those easily, though, and we prepared detailed instructions for you on how to do so."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE logo with cogs as a background representing maintenance and repair","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7K21sJx2DsPK31Sg6anbnu/122dd7f1ae5fbde1e30cd0e121364546/Image_TinyMCE_Not_Working_Image.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":"TinyMCE not working: possible causes and fixes | TinyMCE"},"metaDescription":{"metaDescription":"There are a couple of possible reasons of TinyMCE not working - you can fix those easily and we prepared detailed instructions for you on how to do so."}},{"title":"Set Up a TinyMCE API Key in Two Minutes","slug":"set-up-tinymce-api-key-in-two-minutes","featured":false,"lastUpdated":"Feb 7th, 2025","description":{"description":"

Set up a TinyMCE API key and start using the world’s leading rich text editor today. Follow our easy installation steps now!

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Set up a TinyMCE API key and start using the world’s leading rich text editor today. Follow our easy installation steps now!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A large key floats in front of a cloud with TinyMCE's logo, representing the key to accessing TinyMCE cloud","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEVU99pU+NpT+NpS+NtS+dtQ+NtT+NtS+NpO+NpM+NpG+NpJ89dH8NZz9ddY+NpU+Ntz9txl992X79zO4+CVvMZ+4chl9tmA6sR37cpQ+Nxz9t7R4r3C6MvI7+Xl2trh1txsuLZO8dRa8tRd9NZc99yE7MSt3aWO6cOl8N/j6+bCwslq28il8+BT99pQ+Nq09eZ59t9Y9dZs8M099tl29tya7dpZ7tSG89xY9tpV99pb99tV99tP+NtR+NtJ+dpQ+duIDeJdAAAAZ0lEQVQIHQXBQWrCABRAwXkxFk1OUuj9r1EKcS+uXHcb6O8MAAAIIGAgUFR/F+cgWK5V1e+ynkPo41ZVVe9hRe1VVT1hhdmqqhpY6eu1V1UFFub43Pdj2x73+8/3DEJdTyPMAFBQgH8n1BjBliTOYwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7lftzmks6N7qJ4xHl2U3Hg/9342ac49ef6c5ad529b68b8bdf778c1f/img-Howto-get-your-Tiny-Cloud-API-1.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Set Up a TinyMCE API Key in Two Minutes | TinyMCE"},"metaDescription":{"metaDescription":"Set up a TinyMCE API key and start using the world’s leading rich text editor today. Follow our easy installation steps now!"}},{"title":"How to Configure Custom Code Styles in a Rich Text Editor","slug":"how-to-configure-custom-code-styles-in-rich-text-editor","featured":false,"lastUpdated":"Oct 17th, 2024","description":{"description":"

Learn how to configure custom code styles in your rich text editor for clean, consistent formatting across all your development projects.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to configure custom code styles in your rich text editor for clean, consistent formatting across all your development projects."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration of a rich text editor with a \"Format Code\" button","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAqFBMVEW06/+07P+z6/+z6/6y6vyy6/+17P/H7Pjb7eS86e2w6v2z7P+36/+46/+56//H7vvu9/X9+vr1+PHW7ue26PW16f656f7gwu/itufktujewu6+6f3Y8vv4+Pn2+fX4+PLI5+e25vu27P+47P/B3PXB1/G51eu72vO46fva7vXm7e3w9ezK7O2y7P+z7f+17v+w7f607f+x6fqv5vfA6Prh8vbG6++16/6ODpCEAAAAV0lEQVQI12NgIAAY0RiMDP+ZGBkZfyME2RgYgLz/7EBRxm//4YJsjIxglUDwBijKAlIuwIgAbxgggjJg3k0NMIUwE8T/CFZ//jfCMSDAxKrLYI7bnVgBAC6oDq1u5IeKAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4VWCRjbBF6vczz7obZPnsi/6fe9960aa0d38396162ce6fbd8c1c606/How_to_Configure_Custom_Code_Styles_in_a_Rich_Text_Editor.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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Configure Custom Code Styles in a Rich Text Editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to configure custom code styles in your rich text editor for clean, consistent formatting across all your development projects."}},{"title":"Enhance TinyMCE Revision History with Custom CSS Styles - Complete Guide Part 4","slug":"how-to-apply-custom-css-styles-to-tinymce-revision-history","featured":true,"lastUpdated":"Oct 16th, 2024","description":{"description":"

Customize the TinyMCE Revision History plugin with Custom CSS Styles to match your brand’s design and improve content readability.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Customize the TinyMCE Revision History plugin with Custom CSS Styles to match your brand’s design and improve content readability."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Revision History illustration with a Custom CSS button next to it","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA5FBMVEWqtP+rtP+qs/+ptP+ps/+xtf+xuuuUs9+iwOGqtf2rtf6ttP63uvWpwM2bxq66zMivvuOstv+qtf+yuvu2vfeotf2otP/ByuPE2Mfl6eLq6PCyuPuttv+ntPqvuf20vPqtt/qstPqpsv/ByOPQ2tXc5N3c4ueuuP+ytvbQtq7OsJfProjKsrGotP2ntP3ByeLb4tnl7OPZ3+Outvukufqst/e8sNC0rNKwrd6tsO28xeXg5eDX3ey5vOyrsvuevvGnufquuf+tuf+ptf+qtfy0vPantPymsv+rs/+rtf+msP6osv/2yjKjAAAAZElEQVQI12NggAJGRgY4YILRTMwIQYg8CyMIfGfg+gYXZORiRIBXIDVA/P+7KEKQASrIoADm3lIHU//BgrqMX3hAPGOYGEjwMgOLGYpuiJP+cAHBIc6DHBf27kU4jMHLm4EQAAB1uxB1hrCwAAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1kz7oKdGcLNntRV5RaFnZo/2668b2011f5e9ceead654bb94e8e3db9/Revision_History_Part_Four_-_Customize_CSS.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Enhance TinyMCE’s Revision History with Custom CSS Styles | TinyMCE"},"metaDescription":{"metaDescription":"Customize the TinyMCE Revision History plugin with Custom CSS Styles to match your brand’s design and improve content readability."}},{"title":"How to Use AI Prompts for Content Creation in TinyMCE","slug":"ai-prompts-for-content-creation","featured":false,"lastUpdated":"Oct 10th, 2024","description":{"description":"

It’s easy to use TinyMCE’s AI Assistant with these prewritten AI Prompts for content creation, compatible with most projects.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It’s easy to use TinyMCE’s AI Assistant with these prewritten AI Prompts for content creation, compatible with most projects."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"an illustration of a user asking AI to check written work in a content editor","artistName":"TinyMCE","image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABdFBMVEX669X769X77NX77Nb769b669b669f36NX46db56tb56tX569X37Nn37dz269X469X46df159i7sqnQxrv36t316dr06dfz6tbx7uH7+/r19e3w7Nzz69b57Nb569b259j05dnw6ubV1tfe3t/x8PDv7u7t7OLW4dbj4t36xt364+r3+fTy7uL37Nb46tfz5drx49ry7evw8PDu7ezs6+r18vDc6eOy497k7OP3osv2pcj69/T49fH26tT67NX36df059rw5dzu5d3t597v6d/w6t7s69/G6Od44Oxk4e7C5+X0qMnzocb49vH36dL16tnw6dzs6d/q6uDq6+Ds7N7w7d3h6tx85Owq5PZ/4+nU6dz04NXzxcvz6+Lz8On46dLz7Nrt7N7p7eDp7uDq7t/t7t7x7dv07dni59TM49Xs6dT67db67tf67dX56tP05tL56tTy7dvs797u7t3x7tv37Nj57Nf87NX87Nbz7dr17dn37NdBXrmdAAAAdUlEQVQIHV3B7Q3BUBiA0ee5uQ2RoNcARuhaFjCFxBJmsIFROoD4+id9Vf1pnSOg9IJBAAkEU9fxI2DqqOzh4P0CpMozx1ojb+9rJ1qwudVOXSKXjSPX4hly7VhRglz8A+TyXOpj5XHvga8Ad4u5nloxGAR8AMnfGgI9/eb6AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/13kfsG46rj7oO7ntcDUqeC/a72689d440bb605da2cbd15c08363399/H1_How_to_Use_AI_Prompts_for_Content_Creation_in_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":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Prewritten AI Prompts for Content Creation with AI Assistant | TinyMCE"},"metaDescription":{"metaDescription":"It’s easy to use TinyMCE’s AI Assistant with these prewritten AI prompts for content creation compatible with most projects."}},{"title":"How to Align and Set Text Direction in HTML","slug":"how-to-align-text-in-html","featured":false,"lastUpdated":"Sep 20th, 2024","description":{"description":"

TinyMCE makes setting alignment and direction in HTML straightforward. This versatile WYSIWYG rich text editor lets users adjust HTML text direction with a simple click.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{"dir":"ltr"},"children":[{"type":"text","value":"TinyMCE makes setting alignment and direction in HTML straightforward. This "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"versatile WYSIWYG rich text editor"}]},{"type":"text","value":" lets users adjust HTML text direction with a simple click."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two arrows pointing in different directions ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACLlBMVEUPGTYPGTgQGjoRGzsRHD0RHD4SHUASHkITH0MTIEUUIUcUIUgVIkoVI0sWJE0WJE8XJVAXJlIXJ1MYJ1URHD8SHkAYKFcRHT8TH0QVI0wVI00WJVAXJ1QZKVkSH0MSH0UTIEcTIUgUIUoUIksUI00SIk4RIk8TJFEWJlMZKloRHkIOHEIKGkMIGkQIG0YIHEgJHEkJHUsEHEwAF0wAAEgAAEoNIVMXJ1caKlwMG0INHEQXIkgQH0cPH0kQIEoRIUwQIU4AGUw0O12ur7dna34AD1ARJFcZKVoaK14SHkMACj9kZ3Wqq7GpqrGpq7Gqq7KoqrGtrrb8/P3o6OpTWHIAGlUZKlwbLF8GGUQZJUopMVI7QVw1PFo1PFs3Pl03Pl4yOl1LUGvDxMmFiJYAHFYOJFoZK10bLWEEGUUAD0SFh5HDxMhKT2cxOVo3P2A2PmA2PmI8RGYrNmAeLV0RJlwaLF8cLWMADERSVmqtrrWqq7Oqq7SqrLVmaoEAIFsaLGEcLmQUIUkUIkoMHkoAAkVnanuur7Y0PF0AG1ASJFQUJlYUJlgVJ1kXKVscLV4WKV4XKmAbLWIdL2YUIk0JHk0AAEYAAEkAGVAIIFMOI1UPJFcQJVkRJloSJ1wUKF4YK2AdMGcWJE4VJFETJFISJFMVJlUYKFkZK14bLWMcL2YeMWkXJVEYJ1YZKlsaK1wcLmMeMmsXJlMYKFYZKFcdMGgfMmwZKFgbLGAfMm0fM27U278lAAAA0klEQVQY02NkYMQBBBg/IXOZmYCEMOMnQRCHl5eRh5GbkZmdkZlR+N8ncYSy18zsPIwswv9EUcx6xsMPFPukgmrBRwGWf5+cIBwGuDv4GdkF2S1R3QJUKfhRXADM/sQPV8nyEaT89n/161pAAyAmcDFylaN75b0QS3k3bxWy0Kf3QnxM3bwdNXxAMJ937W7uGyc532vycTELd+TNyT7kk/fdx+TYA0aPq0LMXGwsQDE27mmM7BMYZ/ELeFwUUvrGxsrIP4ctexpLOlAsfwNEjIMRAGHENdauL3HrAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4kxnOTFwUnipQ1ZZqhrysp/215f3fe99ad4a385cef3dfe003802fa1/How_to_set_HTML_direction.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Align Text in HTML - HTML RTL | TinyMCE"},"metaDescription":{"metaDescription":"Comprehensive guide on aligning text and setting text direction in HTML. Learn various methods and best practices."}},{"title":"Get started with premium plugins on TinyMCE self-hosted","slug":"get-started-with-premium-plugins-on-tinymce-self-hosted","featured":false,"lastUpdated":"Jan 21st, 2021","description":{"description":"

If you’re already self-hosting TinyMCE, you can try our premium plugins for free. Enhance your applications with productivity, compliance, or collaboration features.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you’re already self-hosting TinyMCE, you can try our premium plugins for free. Enhance your applications with productivity, compliance, or collaboration features."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract image representing a selection of premium plugins and a server.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAB4FBMVEUEf9wHgd0Igt0Hgt0EgNwDgNwGgN0Fgd4Egd4Ig94Jg94JgN4IfN0IetwIe9wHfd0FgN0Ggd4Hgt4Ggt8Hg98Jhd8Lgd4MedwMdNsMc9sMdtwJe90Hgt8JhN8Ggt4Hg+AHhOAGhOAHheAJhuELgN4LddwLed0Ig+AIhOAJheAIheEIgeAHe94Ee94Ffd4EdNwActsEc9sHc9sIdNsJc9sKet0KhuENiOIIh+MKft8AcNsAcdsKc9s1fN0Ac9sGc9sLdNsMg+ENieMKg+IMdNwFc9uht+lvmOJHgt6qvetJhN5nk+FVid99oOQuetxqlOFdjuAMfN8OiuULfuCJpuVejuBPh98adtxmkuEid9xuluJWit8MeN0OiuYMet8neNwye90ze90tetwqedwJdNsBc9sMddwMgeIKdNtAgN1Kg97i5/fv8vvt8fru8frr7/rK1fJQht5Cgd5Ig95Zi98FdNtEgd7s8Prt8PrS2/NMhN4PdNtYit8hd9xDgd7m6/jz9fzx8/vx9PvQ2fNLhN4leNxUid8oedx1muNpk+Hp7fn4+f319/32+P309vzT3PRwluJ1muImeNynu+qywuywweyxweybsuhQht9BgN0AatoAZ9kAZtkAZ9oAa9oCc9vj3IsBAAAA5klEQVQYGQXBPUoDQQCA0e/bDFF3spOAxoQoCCL+dVoJ3kE8gjfwMoKNhxB7e8FaWLCxiYWFYBJDIq7jewIAqJp/AdquAJILVXWRS3EdQFUhF7pcNXRE1VnOQM5V1BBR1Y4CON7WkPxpSnVmnKQJaV8N0UVftdLc7elbp2/Re9lYpjT3K/6NYowxEWOI+bNp9n43By7eaY48eC11yOXTaEdVVR/P7glAOtZvSnOhJiAAk/rENfVjoE6AAHU6V9Vd1VSDQ9hqLtpdNRd62xpDAKrpQ3ml6N28VQEOgcPp6TMA1zdVDfwD4lU8brRFpgUAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/39EjN0oBWuldPpkLiabESf/798cdbaca33a456c7da5323a467d4e41/BlogImage_Jan2021_default_Premium-Plugins-Self-Hosted.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":null,"metaDescription":null},{"title":"How to add Markdown Plugin to your TinyMCE Editor","slug":"how-to-set-up-markdown-plugin","featured":false,"lastUpdated":"Jul 25th, 2024","description":{"description":"

Markdown offers a straightforward, text-based approach for developers and writers who need quick formatting options. The Markdown plugin for TinyMCE is especially useful, as it detects and converts pure Markdown to HTML, streamlining the content creation process by allowing users to paste Markdown directly into the editor and have it automatically formatted.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Markdown offers a straightforward, text-based approach for developers and writers who need quick formatting options. The Markdown plugin for TinyMCE is especially useful, as it detects and converts pure Markdown to HTML, streamlining the content creation process by allowing users to paste Markdown directly into the editor and have it automatically formatted."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to add the markdown plugin to TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA21BMVEXA1//B1//B1v/C1v/B1f/B1P/C1f/D1f/E1f/D1f7F1P3Fz/rDzfvH1PvY4PTa4fXY4PXH1/zF1f/J1fzp7Pf39Pvr5fjKzfbc4fTg5fTd4vPG1fbC0/nG1f/G1P/K1/7h6efq7uXv7PbFy/e/1vnR2/zS3urD1PTJ1P7H1P/D0/zH1Pzh5u3p7eTu7PLGzfe71vLN1/zm5+rK2eXG0v3I1P/I0//I0/7Y3vze4/3K0/7L1P/J1P/O1vvJ1PXI0v/J0//J0v/I0f/H0f/K0//K0v/L0v/M0v/M0f+313KKAAAAUElEQVQIHQXBsQHCMBAAMZ15Goc02X9OKI0UgIDQAgSACUCdFZghVVX99tfWA1VVVZgPzqqqKpgLVVVVYW6ozqoqmA3VOfAK5g0IABMCEPgDX/AHuauQ7wUAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ljdxxZJF9K6tJyGLKvA2U/26239c5a0e32e5d20c10faacee4cac53/How_to_add_the_Markdown_Plugin_to_TinyMCE_Editor.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add Markdown Plugin to your TinyMCE Editor"},"metaDescription":{"metaDescription":"Markdown is commonly used for its simplicity, or writing blog posts that need to be quickly formatted and published. Learn how to set up the Markdown plugin in your TinyMCE Editor."}},{"title":"How to set up TinyMCE from the cloud","slug":"cloud-based-tinymce-editor","featured":false,"lastUpdated":"Aug 8th, 2024","description":{"description":"

Learn how to quickly set up TinyMCE Cloud and integrate it into your projects with our easy-to-follow guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to quickly set up TinyMCE Cloud and integrate it into your projects with our easy-to-follow guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE cloud based represented by the CLOUD text","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABZVBMVEUIGDcGFzcEFzYCFzYAFjYAFzcFFzcAFDUAEjQADjMACTEABDAAAzEABjMACDMAETUAFzYGGDcHFzcuID09Iz9IIjxOKUBfNkZhPk6CQUd7PEOFQUdYLz8AEjUDFzdWLklwPFV7Y3aBfI+ZhJOfipnJkJbKg4ftdWikUVAABTMFFzZWLkhqa4JxiJ15i5+RjZ+Zj5+8mKS2laHehIOkT04AATIKGTgLGzkHGTgAEzRWL0lpc4pxip94i5+QjqCYj6C8mKOyl6TUjpKjUE8AADIIGzlULUhsQ1x5Z3qCcoSZeYendoHRgoPLfn/fd3GiT08AAzMAGTdPLklnNlF9PU+HQVGbS1KsUlPRZV3QZVzRZ2CbTk8ACTQKGzkDGjgpIT00JEBAJ0BFKEBVLkFbMEF0O0RvOUN4PUZSLD4AEzYEFzcJGzkAGTgAGDcAFTcAEDUADDQAEjYHGDcHGjkGGjkEGjgBFzdEL4veAAAAf0lEQVQI12NkAAFGRhACM36BSBCT7R8zIxy8Z2BgAYoJIYvBBL8wSiDEnjNABFXu8SAEGcCCZoyMhki6v4AEzRkYeA84IgR5PkC0M/ggqfwKchJQpRojMpjGwMAElLjFy8vDs5ibm5uLk3MOB1QlA4PJLT1GxgncDAxp3f+BXAA0hRTRoVIk+gAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5T7ZxbDlRcx9rWhkzdSGXN/06835e83db3902a00ecf9d93a653923f/Image_Cloud_Based_Version.png?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":"TinyMCE Cloud Installation Guide: Step-by-Step Instructions | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step instructions to get started with TinyMCE Cloud, ensuring a seamless setup process."}},{"title":"How to configure block indentation","slug":"block-indentation","featured":false,"lastUpdated":"Jun 12th, 2024","description":{"description":"

Formatting content correctly is an essential, yet sometimes ignored part of creating an effective content building application. Block indentation is a useful out-of-the-box capability of TinyMCE. Read more to find out how to set up block indentation in your TinyMCE implementation.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Formatting content correctly is an essential, yet sometimes ignored part of creating an effective content building application. Block indentation is a useful out-of-the-box capability of TinyMCE. Read more to find out how to set up block indentation in your TinyMCE implementation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Read about how to configure block indentation with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAgVBMVEXZ1f/a1v/h3vbm5fDk4/Dj4vHb1/zX0v/Y1P/S1Pvb1/3a1/zT0PLa2PLY1fXX1Pbg4PXh3/jX1P3Z0v7V0f7k4vf///38/fv8/Pv6+vn29vrZ1fzY0v7b2/nt8/P///z8/Pr6+fzY0/rZ1v7n5vnz8vvy8fv08/zv7vvZ1f3Z1P3h/bGmAAAARElEQVQI12NgIBYwwqn/6IJMjGDAwPgdzGUBkxyMUIAsyAkT5PiB0C4D1vyf6Rf7PYTKJ8pgExk5GJFtZ+AAkz8YSAQA6hcJPoheWiMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6vL4xKbrbxkcUKJpkWOq5l/9dd367fbc5dc72226a123479fc7f6d5f/How_to_configure_block_indentation.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to configure Block Indentation in your WYSIWYG | TinyMCE"},"metaDescription":{"metaDescription":"Block indentation is possible in TinyMCE with useful out-of-the-box capabilities. Read on to find out how to set up block indentation."}},{"title":"How to customize TinyMCE toolbar options and settings","slug":"tinymce-toolbar","featured":false,"lastUpdated":"May 29th, 2024","description":{"description":"

The TinyMCE toolbar is designed to be flexible and suit just about any use case imaginable. Find out how to customize the TinyMCE toolbar options for your own needs.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The TinyMCE toolbar is designed to be flexible and suit just about any use case imaginable. Find out how to customize the TinyMCE toolbar options for your own needs."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"graphical representation of a rich text editor options being customized","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEX16b/26b/26b716b316L316b7z6MDy6tD7+O38+e77+e/7+fD59+z168fy6MXq5tvj7Pfl4vXv4OLw1tzx5/Dz6sv26rr26bzy58Ds48nk4tHl287q2L/Ywbvlzc7t1svm2dXg4NXv5cn26r/t28LRxNPK3M/M3snl3sXr6+j16+726vHv6vvp8fzw6tn16r/z5r/p3b/n373n37zv5MD59OP59uj59uf69ub69ef17M7367/26r716bz16Lz16LuIghAdAAAAXUlEQVQIHQXBMQ5BQQBAwXk/q5BoiZb738MJtKKm1YldMwAAAKgQQFCJtX2BAaOqav5AsNtXVfWeLcF2qqqq51oGXKqqquOLAYeqquqOAR9nqqzbXAS68rAAAADAH0B2EwprALmQAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5oUkMpFpqFSaJGqdX2kFIh/3653d4792e93d0c4570d756c082087a5/How_to_customize_TinyMCE_toolbar_options_and_settings.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"TinyMCE toolbar configuration: Customizing TinyMCE toolbar options and appearance"},"metaDescription":{"metaDescription":"The TinyMCE toolbar is designed to be flexible and suit just about any use case imaginable. Find out how to customize the TinyMCE toolbar options for your own needs."}},{"title":"How to set up Vue fonts in your WYSIWYG","slug":"vue-fonts","featured":false,"lastUpdated":"May 15th, 2024","description":{"description":"

Find out all you need to know on adding fonts and custom fonts to your WYSIWYG with TinyMCE and Vue in our latest guide

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out all you need to know on adding fonts and custom fonts to your WYSIWYG with TinyMCE and Vue in our latest guide"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A stylized image representing the ability to add new fonts with Vue in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEWl8PCl8fGk8fGj8PCj8fGk8PCm8PCl8O+r8PCq8O+l7eye6umV6+ul4uO209Wl8PGs6+i/2snE8fDz+Pvy+Pr0+vru9/mk6uqZ5uah6eqe8PCn7u2t5+DH8fL79v3p5Pr59vz6+v6o7OyW4N2f29ee7++d7++g6+qa6+vD8PH89/3x7Pr59fz7+/2o6+uT5eOa5OGc7++m8fGg6umf7Ouw8PHH8vHC7++/7u6b6uqW6+ub7u+f7++i8PCj8PGg8PDVc8NrAAAAZklEQVQIHQXBMY5BARiAwfniJRqh27iAA9C7v8oJJLptttzS4zcDAAACQDAIpDTVy7BAs/1sqmodhMP/vqqq/tYRWn6qqqrnywLrrqqqfFgwl6rHqareBHHttzneVuc7AQgMAACAL/VMGWWAGhUuAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3sevw8mxtGj5HCOOuDP4NN/139371f8b1e64597a40c56bcc87e08eb/How_to_set_up_Vue_fonts_in_your_WYSIWYG.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Fonts in Vue.js: a guide on font customization in Vue.js | TinyMCE"},"metaDescription":{"metaDescription":"Explore the world of fonts in Vue.js with our guide. Learn about custom fonts, and best practices for fonts in Vue."}},{"title":"How to paste to Markdown in TinyMCE","slug":"paste-to-markdown","featured":false,"lastUpdated":"Mar 26th, 2024","description":{"description":"

If you need the ability to paste to Markdown for your customers, find out how TinyMCE's Markdown plugin works in our new guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you need the ability to paste to Markdown for your customers, find out how TinyMCE's Markdown plugin works in our new guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A stylized image representing the ability to paste markdown into TinyMCE 7.0","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEXczP7czP/dzf/dzv/ez//f0f/g0v/h0//i1f/j1v/k1//l2P/k2P/dzf7ezv/fz//g0f/h0v/i1P/j1f/f0P/byv/cy//dzPzg0/zg0f3h0/3h1Pzo4fjn4Pjn4fjk2vzay/rO08zq6u/u6vrh0/Xh0vfh1P/j1//n3v319vPb3dvs7urw6/3ZyPza5Mzx9evq7evh1vng0P/m2/349/ri4ebz8vXt5/zb1Ozm5uT09PTv8PDh1vrg0v7f0v3f0f3czf3m4+3l6trs7+jw7fje1Prczv3byO/Zx/Lg1frj4enk4O/f0vzby/7dzfvczPzcy/7by/vbyv7M/6awAAAAjUlEQVQIHUXBywqCUBiF0W/r0TgaEUUXmtS79MANepagcdCoEAdWIuqfXV1LdASoh+PLUr09BC6Y1C6bCnSZ15FKa4U8vpipd1qfWyXm26X+DulDsQsa7ql+joYPrmFMxea0iD5WmfIbSs1bMcq3etvLAAd3r3o8UGeHjI6GNGY2ylujY7yEMSRRVWL0ngRmMCckWmznAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5Hqzlq05GIOnlzCkldyOqT/7687132a181c3332e369b7b31a942a18/Tiny_7.0.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to paste to markdown into TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Discover the essential feature you need to in order to paste to markdown into TinyMCE, and what happens when you paste to markdown"}},{"title":"Get started with TinyMCE self-hosted","slug":"get-started-with-tinymce-self-hosted","featured":false,"lastUpdated":"Apr 26th, 2024","description":{"description":"

Learn how to self-host TinyMCE and get it running in a simple application, plus how you can get started with a free trial of our premium plugins.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to self-host TinyMCE and get it running in a simple application, plus how you can get started with a free trial of our premium plugins."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Steps and checkups needed to get started with TinyMCE 6 self-hosted","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABDlBMVEUHGUMHGUAHGT8IGkAIGT4IGT8IGD0HGD8HGEIIGUMIG0UHGUEHGT4IFTgIDy8IDi4IDi0HDCsHDCwHETcHF0EIGUQIG0QIG0IIFjkIMWYJQYMJPHoJPn4IPXsIP38IN3EIFjsIGkMIG0EIGj8IDSsKVaYMdd4MbtEMcdgMb9QMcNUMc9oLY70IFDUIGUAICSYMbdEMcNQIETEIGT0IByQJVaUMbdAMcdcMb9MLYr0IEDAHBiYJVKUMdNwLYbsHDzAHFzsIDjIJUZ8Ma8wMaMcMZ8YMassMbM0KXbQHEzYHFzwHGD4IMGUJO3kIPHkIO3gIPn0HFTgHGD0IETIIETQIEDIHDS0HETMHFz0HGUJfaHybAAAAsklEQVQIHQXBO0rEUABA0XtfksnLRyJMYTfF2Cm4AF2A1mkkKxTcgXuwEASDZZjK2kwMoj7PEVQETEHXSpDmi3qtRFU90qpCtlUV1Y+2nXLBnaqqjtvmkLxi5nCxWK/Gbze+JAjzDKk4ZdN1Kyfx9RIIAJTlGZ/QFsX1qOQwpbDRsrNLQcsl+wtMidvn+r16i7EeY1yqn2TxC9nueKNPd+jj/QMDDk2232fneZ/nfV8OAP8zLS31olB5qQAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5Wc3yu86p8ph75WkPkoekb/202ee13c9fcf1716aa1cf674f3b46c9e/Image_TinyMCE_Self_Hosted_Guide.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Self-host TinyMCE 6 | TinyMCE"},"metaDescription":{"metaDescription":"Steps and checkups needed to get started with TinyMCE 6 self-hosted. Self-hosting gives you complete control over your rich text editor and its associated plugins."}},{"title":"How to view and restore document version history in TinyMCE","slug":"document-version-history","featured":false,"lastUpdated":"Mar 28th, 2024","description":{"description":"

Revision History with TinyMCE unlocks a new world of document history capabilities. Read on to find out how to get Revision History set up in TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Revision History with TinyMCE unlocks a new world of document history capabilities. Read on to find out how to get Revision History set up in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The shifting UI colors associated with the Revision History TinyMCE feature are show with icons represenitng TIme and editing","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAzFBMVEWj99mj+Nmi+Nqg+dqf+dmk+Nqj+Nq36NS56tbL7+bD8OOl+Nqp9teo+N2o+d2o+dyp8Nem89eh+NnL3NP0tM7iytDa7Om/8eGi+drQ47bX5rev9dmt9dyp5tWn9Nii+Nmu8djA59Wf8NqI7OWV8t+b9tqk2c3f06iz6c6p7NWr8dml+duj+dmO8t9T5vM54fZs5eiZ89l/2+JzyuCJ3NKr+tyk+Nme9NiC5t2E592f8tal+dme8dV109CH3s+l+dqk99el99ek99ii9dbzKCGGAAAAZ0lEQVQIHU3BXQoBYRgG0PPkQ5RybQv2vwOrcKvsgNJM8/rGX86JWVB+gngrQhEinRRiUBoyrfNzG2hinz83NOzy54IQx3ydx3vRdNt83cfCArkeNsvHtGqL01i66OKlGZUuZvFRZk/cKhr+2qt0bQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/h0C2C4HYrpsZwpKwXpsuU/d9db8a991b08190b51cae7353dfc264e/img-How_to_configure_the_Revision_History_plugin_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to look at and recover document version history | TinyMCE"},"metaDescription":{"metaDescription":"Look at document history, and recover version history when using the Revision History plugin. You can now look at and restore version history in TinyMCE"}},{"title":"Understanding document export options with TinyMCE","slug":"document-export","featured":false,"lastUpdated":"Apr 11th, 2024","description":{"description":"

Document export with TinyMCE provides PDF and MSWord export. Read on to find out how to access the capability

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Document export with TinyMCE provides PDF and MSWord export. Read on to find out how to access the capability"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE's document export capability depicted with PDF and document icons moving from the TinyMCE logo","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAilBMVEXn2+/o2/Do2+/l2e7o3PDg2O7k4vLl3PDm2u/h1+7k2e/a0evn4/P8/f/p4vLb1u7s7ffj2erp3/Ho6PLj5PHb0+rn2/Dn2u/u6PX49vvm3PDn5vX////d1OLZz+nq5vHp6vDu6vHo3O7p3vHp3fDy7vj+///w6vbu5vTr4fLs5PP28vfr3+/u5/Q5wc1fAAAAWklEQVQI12NgwA0YUXgsIILpH9NfJiaGf0wMDH8QSlgZQeAXG+MPxj8wQQ4WRhh4L/QKKijOiACPgEqZQYJfxdmeiLFBwL+vCGvFxX7fkWe4ywLSjQTEGcgAACIRE0w0IxU7AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/45L2nEKXnXflc7K11ieTp5/290fb12a8b1998aa27ac18354d7a5fa0/img-Understanding_document_export_options_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Document export enables export to word and pdf | TinyMCE"},"metaDescription":{"metaDescription":"Discover what you need to know to enable Document export using TinyMCE, and follow the steps to enable export to word documents and pdf"}},{"title":"How to import documents into TinyMCE","slug":"import-documents","featured":false,"lastUpdated":"Apr 4th, 2024","description":{"description":"

Importing a document into TinyMCE doesn't have to be a challenge. Read on to find out how to set up document importing capability.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Importing a document into TinyMCE doesn't have to be a challenge. Read on to find out how to set up document importing capability."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The import from word feature show by a document icon with a letter W and arrow icons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAjVBMVEWd5f+c5f+b5f+a5f+d5v+Z5f+f5f+m5v6w4fqw4PSh4Pmr6P+56fyy6P7Q8P3d5fTk5PHA3OHj8PfF6/u65vPp9fri8vnI7v3r8Pfv7fXO8Njn8+7R7/6z5via5P/O7vvb8PrS7/v+/PzQ5/Om4/us6P+q6P+77P+j5v656v666PyX5P+c5v+s6f+t6f8MWlK4AAAAUklEQVQIHZXBMQ7CMBQFwV0rUhCi5QDc/1JR6Klp8MP+In2Y4TQpKvaEIoOL5c2HSaabP6/OIGDuHp4BFiDt6vawhKEx9P3S9rUwSRFaEu385Qt5MhQUeZcWCAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5X71hg8L3G7ReFah01YtmT/3f6973df8b151483f503e56727321cac/img-How_to_import_documents_into_TinyMCE_-_7.0.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to import documents using TinyMCE import features | TinyMCE"},"metaDescription":{"metaDescription":"Discover the steps involved to import documents into TinyMCE, and how to manage import document content"}},{"title":"JavaScript and localStorage in a nutshell","slug":"javascript-localstorage","featured":false,"lastUpdated":"Apr 9th, 2024","description":{"description":"

Use JavaScript with localStorage to store data in your web applications when you don’t need the complexity of a database.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use JavaScript with localStorage to store data in your web applications when you don’t need the complexity of a database."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"JavaScript content represented by file symbols moving into different server symbols","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAz1BMVEX/i3r/i3r/i3v/iXr/inr/iHb/i3j/i3n/jHz/jn7/i3z8nYH7oYT8ppz8p534jYf/iXf/h3H/inb/jn3/jX30rILtqYD/hnX4v7n10c71iYfymJvqtL73kIv/jHv/jnz8kYrvnKn9jX//hXL8iXj9jXz6loTKsM6jw/vbk6r/iXP/jHr6k47lor37kYr5u7T8mYz8hXK72M6R3+Khodjcjpj8jXP/inn9iXj9jHv00c77r6b/hnOxzMGVzcP0h3v1j3L1kXb/inj7jXz4jXxymCr8AAAAAXRSTlP+GuMHfQAAAGFJREFUCNdjYMACGBmxCLKAZf4zMf5lASn4BVfJzggE37hBJOPXX1CVP4WAPIgYRC1IUJYRAXjfQwUfayGJwi26Y4AqyAQifp06z3n8zxU2tovfD0CthwBzdnZzcyTVGAAACDgUD4BfnLIAAAAASUVORK5CYII=","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4NGCS4wngsZoOapuO6c3Z3/2daf965082a8d27d909ca0a503e6a91e/JavaScript_and_localStorage_in_a_nutshell.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"JavaScript and localStorage in a nutshell with examples"},"metaDescription":{"metaDescription":"Learn how to use JavaScript with localStorage. Simple examples and step-by-step instructions on how to save, load and clear local storage."}},{"title":"How to copy-paste from Word to WordPress without formatting issues","slug":"how-to-copy-and-paste-from-word-into-wordpress","featured":false,"lastUpdated":"Apr 4th, 2023","description":{"description":"

If you use Microsoft Word for writing and WordPress for publishing, you already know they are not very compatible. Copying and pasting content can make a mess, but there is a better way with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you use Microsoft Word for writing and WordPress for publishing, you already know they are not very compatible. Copying and pasting content can make a mess, but there is a better way with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to set custom font sizes in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAq1BMVEVz3uZz3uZz3+Zy3+Zy3+dz3+dz3udx3+du4Odr3+dq4Odu4Ohx3+h03+Zw4OebwuTDsOTGr9yauNJ43uGL2NVy3udy3uZ23uVx3+W8rc75wtz8vtG5kKZx3uGJ1dNx3eVl3ubEt7/+uLn/uLi4j35Z1Npw4Ol13eV03OOMytGqrbGopJuZrZiOy+By3eh13uZ23eVo2+Fd0tJo3OKO2OOV2ehx3uZy3+hw3+ZttJjwAAAAAXRSTlP+GuMHfQAAAFdJREFUCNdjYMACGBlhNCOI+A3msEDFWIGijH9Y//9BUsnDCAUff8NVisLEviObKQcVvP8HYaYoB1SQAdkiqODDv3C3gAArq5k5uwUzI4oOsJY/aI5HAQBV1Q0LEB5EOQAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Word to WordPress: copy-paste without formatting issues | TinyMCE"},"metaDescription":{"metaDescription":"You can write your content in MS Word and copy-paste it to WordPress without losing formatting. We'll cover common WordPress formatting issues and how to avoid those."}},{"title":"How to keep using the classic editor as the default option in WordPress 5","slug":"how-to-keep-using-the-classic-editor-as-the-default-option-in-wordpress-5","featured":false,"lastUpdated":"Jan 20th, 2023","description":{"description":"

Find out how to disable Gutenberg and switch to classic editor in WordPress.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to disable Gutenberg and switch to classic editor in WordPress."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"WordPress Classic Editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAACu1BMVEUPsOwLsu0Lt+4LuO4Kt+4Ht+4As+0ArewArOwAsOwAtu0Gt+4OuO4Vue4Wue4VtO0VsewYsuwMqewMquwMse0Msu0Lse0Jse0Ase0Aru0Aqew/r+1AsO0Dsu0Us+0Ws+0Wsu0UrOwPquwMo+sMrO0LrO0Dq+0Aquxat++w1PXb6vqrz/RUsO0Rru0Vru0Wru0PqOwLousMnesMoewNp+0Kp+0Apuw9rO6RxvLr8/zo8Pzt8/zN4Phhr+5Hr+4AqOwUqe0Vqe0QqO0MpuwMnusMmesMmOsNoe0Io+0AoOx6uvGMwvLN4vnP4PilyPPl7vuRvvF6ufAAou0RpO0Qo+0No+0Nou0Mm+sMlOsMmuwGnu0AnOyKvvLS4/mkyfTk7ft9s/Dn7/zV4/mIuvEAnewKnu0Mnu0Nnu0MmOwMkOwMj+wMk+wMm+0AmuxkrO/c6fqYwvPP4PmsyfS0zvXX5Pllpu4AluwImu0Nmu0MjO0Mi+wOju0PmO0Alu0Ml+6cw/TR4Pnh6vuJtPGXvPMPjOwAkO0Jl+4Nl+4Nlu4Mju0Miu4MiO0Oiu0Kiu0Aje4Ake4cl+9kpvGYvPSdwPRjoPACiO0Agu0Aie4Aku4Ik+8MlO8Mke4Mi+8Oh+8Mh+8AhO5VmfFmp/JAnPEol/BAlvA1k/BQn/FPlfBmnvFTlfA3jO81lPACkPAJkfAMhO8PjvEOhvAGgvAJgvCLsfSYv/anyPeewvakwfaUu/WItfWdvfawx/emwfaivvaEsPQAjfEIjvELhfALhPAPjvILhPIHf/IAgPInhvIxj/I7lvMzkPIzivIvkfIhj/IyjvI0h/IuhfIkhvIAi/IIi/IKgPILh/IKi/QJhfQKf/QHgPQAfvQAgfMAivMAgvMAgPMAh/MAiPQAhvMAfPMAevMAevQAfPQEh/QKfvQKiPTvS8ToAAAAZUlEQVQYGQXBsQ3CMBQFwHfWb6iI7TABEgOw/yYMERBSRGfuBAGrARgAnOeNoHqOAeTq9WA1ngEAoKbVAABqJgCAqB4AQPKtLUAAv4teHQQA3jUAABz3mgAAdrUDgNWgJgDAZ/MH814PJhF/ZmsAAAAASUVORK5CYII=","aspectRatio":1.501466275659824,"src":"//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=370&h=246&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=1024&h=682&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=370&h=246&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3BHdTWGpzwZEzrGugD8MeB/7e26faf25416c671c2f457846b4960c6/Image_legacy_accessibility.png?w=1024&h=682&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to switch to classic editor in WordPress? | TinyMCE"},"metaDescription":{"metaDescription":"There many reasons why you may need to keep using WordPress classic editor. Find out how to disable Gutenberg and switch to classic editor in WordPress."}},{"title":"How to use TinyMCE premium plugins in WordPress 5","slug":"how-to-use-tinymce-premium-plugins-in-wordpress-5","featured":false,"lastUpdated":"Sep 28th, 2019","description":{"description":"

Combine what you love about WordPress 5 with the power and flexibility that comes with TinyMCE’s premium plugins. Add them in three steps.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Combine what you love about WordPress 5 with the power and flexibility that comes with TinyMCE’s premium plugins. Add them in three steps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"WordPress TinyMCE Premium Plugins","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAACoFBMVEUPsOwJsOwEsO0Ar+0AsO0Ase0Ar+wMsOwUsewUsuwVsuwYsu0KqewFqewUqusAqewAqe0AqOwApesApOoApusApuoOq+wUrOwVrOwPquwKo+sAo+xHpuR3rddnq9wyouejwueuyOmpxumUtt6pxuitx+mkwudBpOQApewSpusUpusUpesPpOsLo+sKnusAnesinumHrM9wptdpp+Ty9Pzm8P+50O+NtOK82Pnq8v/z9f13o9YAm+cPoewUoOsPn+sMnesMmesHmesRmesnmukAlextpePl7Pu/2ftCmN5oqed0tvTZ5/zh6vpundQAlOYKm+wOmusMlOsIlOsAlOwAkexnn+DB0e3P4PxrpueWr9dwmtF7iavByNiarc8Ai+QAle0MkOwGj+wAju1km9+uvt2dtt+Rrt5aeq6ssLzj5Oj6+vrm6O1YkNMAiuYAj+wLkOwMjO0Kje0Ai+1tneLY4veXtuzG2PpXjtl+jKz19vf9///+///k5ulGiNcAiu4IjO0LjO0MiO0Oiu0Mi+4Ahe5qmeHs8fza5v/O3v5aiNBGWofd4uvV5P3r8//Z3ecAfeEAh/AAh+4FiO4JiO4Lhe8Oh+8PiO8Jhe8Ag+9Gi+W5xd/Bzee1xOWpscLo6er2+/+tu9kAe+hOjOZJjOgAhO8Che8OhPAPhfAMg/AJgvAEg/AAg/AAd98ActcAbtVxjMXHzt3j5+v3+vn4+vd4l9QAfPB0lNygp8Yagu8AgvEOgvILgPIKgPIMgfIOg/IJgvIAg/MAgvMAgfMAee8AbeQbcdhri9CEmc0TeeUAfvRNiOlHhusAf/MBgPIKfvQJfvQMf/QOgfQNgfQMgfQKgPQDfvQAffUAfPYAevcAdPQAcvIAe/UAfPUAffQEfvQcjMGgAAAAX0lEQVQYGWXBwQnCQABFwff0oxcxLpseLc0qLMUeIh7FRDAQTHZGVH503KuoJ2foOH2O4rTL2VZ6G6S6MUAKrrwKpAP/dT7JBVwrQwpu1VQXj/vV2c1WelvpVVy8D+gXhqMOaOZkhvYAAAAASUVORK5CYII=","aspectRatio":1.501466275659824,"src":"//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=370&h=246&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=1024&h=682&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=370&h=246&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6gyLIvAnkTh8Rts1wnKdC4/97edf3060960a33269039ecb189a10de/Image_legacy_accessibility_Copy_4.png?w=1024&h=682&q=50&fm=webp&fit=scale 1024w","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":null,"metaDescription":{"metaDescription":"Add TinyMCE premium plugins to WordPress in three steps. Combine what you love about WordPress 5 with the power and flexibility that comes with TinyMCE."}},{"title":"How to add fonts to your Django project","slug":"django-font","featured":false,"lastUpdated":"Mar 12th, 2024","description":{"description":"

Django Fonts don't necessarily need a template. Find out how to configure fonts for TinyMCE in our latest guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Django Fonts don't necessarily need a template. Find out how to configure fonts for TinyMCE in our latest guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Django font abilities demonstrated with the Python logo, and font icons around it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEVk86Rk9KRj9KRi9KNh9KRi9KRr9aht9qlk9KVd8qFb6Zx48alt86Zn86Vf9KKM8bTG3M3H38+A5qpm55+j7L5o0Zmo3bqh77qI76dy8qZh9KNz8qqW5bKV5LBp76Rz76fj7Obk7eh5yppr66Nh7qRg9KNg9KBm66R23KmL76vu9fD7+fx90aJZ651i7KRl9KVg9aR94KjIyZSG66HT797x8fGA4adb65xm9aZp86N/7p9t56Jz8air8MN176hP245k8qRg9KVj8qRj86Nh86Jg86Ni8aLyVoseAAAAZklEQVQI122OsQ3CQBAEZ04fENAFORW4cspAIiSjBWQC+4/kzH/ARKvRarVSCJBTDkkg3OkADYhsujcV373k2cHnj3xtx2Zchr1nNfvzerg1AQIgH6diuoRtUfVmDokI+Xs/YTX4As6NGDcTucNgAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to use Django fonts and python fonts | TinyMCE"},"metaDescription":{"metaDescription":"Find out about Django fonts, using python font options and Django font configurations for your project"}},{"title":"How to create React show and hide components with TinyMCE","slug":"react-show-hide-component","featured":false,"lastUpdated":"Mar 6th, 2024","description":{"description":"

With TinyMCE, you can show and hide the editor without extending any React components. Find out how in our latest guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With TinyMCE, you can show and hide the editor without extending any React components. Find out how in our latest guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A spotlight from binoculars shines on a React demo app, with show and hide buttons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA51BMVEWA7/Z/7/eA8PeB8PeC8PeC8PZ/8Ph+8Pd/8PeI8fii7fWP7fN64+WE6OqC7/aB7/aA8feB8fiB8viA8fiA8PaH8vmp6fOb293T6uTZ5fCf7PaY9fuO7PSJ4++H5/CJ7PR/8vh/8feC7vSF6O/A4+b/+vnc6/ad8fen+f6a1t+TocKkpsPheL+roMyL5fB+8feE7/WE5+3C4uX8+fjF9fiZ9Pmg+P2S4eqMyduXxdi7vtyU0uWE7PSG8fiH7PKo6e6v8vaH8PeE8PeD8PeC8fiA8vh89Pl/8/l98Pd67/d97/Z/7/aA7/cKYiufAAAAX0lEQVQI12NgwAIYISSQ+ocqyMzI+JeFkfEXWOAfVJCFlREOPv4TegMRFGREAg//QQTlkAUZL/9jAZnDhyx2RugNWJAXyj9nzMh48hfETGaG/25Aoa1McOshwIeBIAAAykYUBRTQSZcAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"React show hide component guide | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to add React show hide components, using TinyMCE with a React onclick event, in our latest guide on React show and hide"}},{"title":"How to set up Blade Icons in Laravel","slug":"blade-icons-laravel","featured":false,"lastUpdated":"Mar 5th, 2024","description":{"description":"

Blade Icons unlock design icons, saving time when building your projects. Read on to find out how to configure Blade icons with Laravel.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Blade Icons unlock design icons, saving time when building your projects. Read on to find out how to configure Blade icons with Laravel."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Blade icons represented by different colorful icons looked after by the PHP logo","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAulBMVEX/+Lf/+bf/+bb/+LX/97n/+bj89rf89bf/+Lb/+LT69cnx7uf179/787b/+rfw6rPQzbHa1rL88bD44pXz5d/06vz13f325sv/+bL687b38rX08rrP59Pw8L7+9K755tn21Pv34Pj47NX69bv997n797TU7prz9bLo4bz35bD++bX27rb37L//+cLe3tDDyu3v68//+rX69rP/56r95Kr997b69LL+97P/+rTv6sC3vuHn5Mf/+rj/+raDnCnpAAAAa0lEQVQIHQXBQS5EARBAwXqT/2Wi2Vs6yLj/1prEARxAIkGrCgSwIARosYgAl/pdlgP2ru9rVV9/cOCx2vuq5nNbkaeqqupjV3Q8V1VVvdoLft4f3mZmZmYGUJ3n7XZWL9dLEQQAVkCwwfIPNbEaGrKRnPMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/kJUBITBBDKi9rYnItjSLy/c1d77abe06dd4d30313fa7cb78551267/img-Howto-setup-Blade-Icons-Laravel-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to set up Blade icons and Laravel icons with font awesome | TinyMCE"},"metaDescription":{"metaDescription":"Blade Icons in Laravel apps are a useful shorthand, saying a lot with a small design, and Blade icons offer a chance to save time when building your projects"}},{"title":"Mastering Javascript font color changes in TinyMCE","slug":"change-font-color","featured":false,"lastUpdated":"Feb 29th, 2024","description":{"description":"

Changing product font color shouldn't be difficult. Find out how TinyMCE makes font color changes easier and faster.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Changing product font color shouldn't be difficult. Find out how TinyMCE makes font color changes easier and faster."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A letter having it's color changed with paint, and a JS icon, representing the dynamic changes of font color","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAz1BMVEV19+h1+Oh1+Ol0+Oly+Opt+Otx+Opw+Olu+Ohz+Oh09uiF8t+47sCU7tZ48eN0+Oia7ue99u99+Olz9+h47+Od6M7q322s4rx849915eSp2+PQ8e+E8uV19edz+Ol+8eWM6N+O59KD6dmMrdSAZtBx6OV09eV77d968eNv+Oik8erZ4emN6N+O39baeKjRWaqzvMif9eiC7uF68OJ29+hy+OiG+OrB9e6X9emS4Ni5wsan19K2xMd99ud39ud29edx+Ohy+Olx+elu+upt++v5JCm/AAAAa0lEQVQIHQXBMWpCURRAwTmfB4JIbANuwNb9V9lAVmBrkULSpEjjv84EhAGwIDVgQMhWvaz6Nwhth6qqng0LHKuq+h0suFRV1b4ZoWtVVfU9Y8Gpqqq+GoLz7eez2u+PGUOgD3+YYRAgMMAb+0cdFSr6taEAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5dWg5q8AVlZ9Lrs7qX4G4d/020b162360b32b610f3626ac2b73aa25/img-Mastering-Javascript-font-color-changes-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Change font color with JavaScript | TinyMCE"},"metaDescription":{"metaDescription":"When you want to change font color, it should be a few clicks to complete. The ability to change font color with JavaScript is another method you can use."}},{"title":"How to integrate a rich text editor with Kendo UI","slug":"kendo-rich-text-editor","featured":false,"lastUpdated":"Feb 27th, 2024","description":{"description":"

Kendo UI is a reliable component that gives a professional finish to web apps. Read on to see TinyMCE and Kendo UI working together

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Kendo UI is a reliable component that gives a professional finish to web apps. Read on to see TinyMCE and Kendo UI working together"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The steps for adding Kendo UI represented with icons for frameworks and JavaScript","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA/1BMVEXk2fvk2fzl2fzk2vzl2vzk2vvk2/nl2/rl3Prl2/nl3Pnm3Prj2vjDzNXb1vDk2/3lu9Dmr8Ho4fbz9vXy9vT5+Pr39/j4+Pn4+Pjm4fPU0+ri2fjl2/3lyOPlv9nt5fzp/OSu8J7u/Oz5+/j09/P5/ffo4/Tk2vjj4e7l2/vh2/zn/OK48q3u/ev3+fbw8u/x8e34+/Po5PXh2fje3+rd3vjS4fbo4fj49vP18OX39vn19vf3+fjw7Oby7+zl4O7o3OXl2vri2/rh1/vn0tDt1MHe1PXe0/Te0/Pe1PTf1fbi1+vu4aPm2+7l2v3l2v7m0eTmz97k2vXk2vrk2v4nBdjlAAAAdElEQVQIHQXBsU0DURBAwXnnT2RMA+R0QQMQUihCllwHISXQgJ0g3zITARAzHGRrAA7BYtv+HqpUdbuz8lhVpeqGxamqStXTD2v6PT5fj1VVXbHYXzpVVdU3YvVaVVV1HrF4r30u3qy+7iPIh88dMASBEQz/fY0bStRrUOcAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/474Dozg7B2ykchb8a4RJyu/99eac289d299e63c04a0aac23dc8e850/img-Howto-integrate-TinyMCE-into-KendoUI-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to integrate rich text editor into Kendo UI | TinyMCE"},"metaDescription":{"metaDescription":"Learn to integrate TinyMCE rich text editor alongside Kendo UI in our step-by-step guide. Enhance your project with Kendo UI and rich text, HTML and text editor capabilities."}},{"title":"How to configure TinyMCE trigger save","slug":"tinymce-triggersave","featured":false,"lastUpdated":"Feb 20th, 2024","description":{"description":"

TinyMCE offers a useful trigger save ability through the TinyMCE APIs. Read on to find out how it's configured.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE offers a useful trigger save ability through the TinyMCE APIs. Read on to find out how it's configured."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The triggersave function with TinyMCE showing the connection between the rich text editor, and the API","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEWqtP+rtP+qsv+gsviktfmqs/+ps/+msP6Uu+S249a6yvKnsP+4v/25wfyrtf+stP+stf+stv+dqPfI3N3z/O/GzPittv+/xvvCyPu3vv60u/+xwviwvvq4v/6eqPfT2+Tu8urEyvPDyPfe3+rf4OzT1/K+wfyW2s+M2crCxvyqtf+fqffY2+fd3+uuveumtPivuP2zuvjBvua0uv6qxPCcy+G2vf2osv67wvmuuPyjs/eotfyutv27vO2ku/WptP+UfRzxAAAAU0lEQVQIHZXBsQ2AIBRF0fsM+YkBN3AX93cAKxvjAFrTKGgINBaewzeJlgA9iBQCmV5IOi/AweBUHSQOCKosAg5GNcg6WEK2eb+v/RwpzEgmED/do4sLPm/wnzUAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2RDZARQ0eeKFNW4HckTjTd/8597cf62d9bd862b61a9e3fd3145612f/img-Howto-trigger-save-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to set up TinyMCE trigger save | TinyMCE"},"metaDescription":{"metaDescription":"Discover the steps to create a reliable trigger save functionality in TinyMCE, and save your customers content before they get frustrated with trigger save."}},{"title":"How to configure TinyMCE show and hide APIs","slug":"how-to-configure-tinymce-show-and-hide-apis","featured":false,"lastUpdated":"Feb 14th, 2024","description":{"description":"

Learn about the TinyMCE Show and Hide APIs, setting up a small demo using a button, and using a scroll event to activate the Show and Hide APIs.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn about the TinyMCE Show and Hide APIs, setting up a small demo using a button, and using a scroll event to activate the Show and Hide APIs."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The show and hide status brought on by the show hide buttons depicted with a minimalist editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA5FBMVEX/4Oz/uvn/t/n/ufn/uvj/5+n/0/H/v/f/6On/4+v/yfT/6ej/2e7/u/n9uvb8ufb9ufb/5un/1vD/uPn5tPLxrer0we767/j57/j57vj78vrz3PHrqeX/u/r/uPr4sfLtp+bxxOz6/fr2+vf3+vj////25/Tjn9z/uvv/t/r/wPf/3O7/5er/2e//zPPswPX7yPj69vr59vn49Pj79frs9/C23MS+scT/wfb/y/T/3O304en+zPL+w/f+wvf+yPb/y/btx+jAvMXQw8/+4er/3+z/3ez/4+r/5Oz/4e7/5O3/6Or0pDflAAAAe0lEQVQIHVXBsQ4BQRSG0e93h9jNlZiSeAvev9J6BIWERKm4jcQMOyuCc4SkivFLU+lR+TJAc6R75U8qzAQeC4mnoiNAOazXGxqcJ8ubcljvGlVTc10lPNb6czoqExhbfewpJHCCQ7eTLhtJBUeZJsAKjQOJkROFgdO8ACsgHnE7wHXnAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5ifqFFJJry72MMJWhKgPEz/148167ceed6e7d5d79018080329450b8/img-Howto-build-show-hide-buttons-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create a show hide button using JavaScript | TinyMCE"},"metaDescription":{"metaDescription":"Find out all you need to know on show hide buttons, following our guide on creating show hide buttons in TinyMCE to match uses cases like MS Word show hide buttons."}},{"title":"Mastering Font Awesome in Vue.js","slug":"vue-font-awesome","featured":false,"lastUpdated":"Feb 13th, 2024","description":{"description":"

Font Awesome can be a design time saver. Find out how to set up Font Awesome in your Vue app in our latest guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Font Awesome can be a design time saver. Find out how to set up Font Awesome in your Vue app in our latest guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Font Awesome conencting with the Vue logo, showing the process of connecting Vue with Font Awesome","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA21BMVEVg2P9f2P9e2P9d2P9c2P9U2P9k2f9x2v5a2P9Z2P9V1/9u2v+84f9+2/+N3fvZ7fe96Pxp2/983P6w5v1z2f6p3f902v9b2P9Q1/+h3ff29vX89fG/5/in4f240vTk7/t32/6L2/R/1/Z02/962/3h6+7/+vfy8/Os4/rm8PzK0vDY6vdw3P+J192Myr+Q4PuI3fzZ5um84vST3fp52v3o8vfF4/OJ2fhY2P+C3veH3/Nh2f9S1P1/2fqt3PFw2v6I3f1c1/9h0/tj2f+I2fm12Olp2f9W2P9e2f8d2DRpAAAAc0lEQVQIHU3BIRLCMBCG0e/P7kShO4MD0/vfAAWnYAaBowYUhmRJCqW8Z3xIgBIz0YmkAklRAxBdMn09X4BoUs5a3AIc0KDVFOCgYaM/gAOPrVYVMKDcd3l2HMspAKMp097dD+P5cg0a0cmIGiyMWRDBzxsQOx7iiHax6gAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Dvu66ENmEs6n5KSumqWmX/393c6cc4444120491828553a04442d64/img-Howto-add-fonts-to-Vue-projects-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Fonts in Vue.js: a deep dive into Font Awesome and font customization | TinyMCE"},"metaDescription":{"metaDescription":"Explore the world of Font Awesome in Vue.js with our guide. Learn to integrate Font Awesome, and best practices for Font Awesome usage in Vue."}},{"title":"How Laravel and Composer work with WYSIWYGs","slug":"what-is-composer-laravel","featured":false,"lastUpdated":"Feb 6th, 2024","description":{"description":"

Laravel and Composer don't need to be a mystery. Read on to learn about installation, Blade templates, and WYSIWYG implementation.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Laravel and Composer don't need to be a mystery. Read on to learn about installation, Blade templates, and WYSIWYG implementation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The PHP name and the PHP elephant character meet with the Laravel logo to celebrate some documentation together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAxlBMVEXZx//ZyP/YyP/ayP/ax//Yx//ay//cyfvumLniseDPx/zQxvvbyPrhy+ngyOPq5vbx7O31qbPdqt7Rx/DYzPL028T51qDqwo/gyufQxffX0e7YyeLf0vDXyP/Zx/Lg0uj33bb/3qf515/02sLZyPzQw/i4r+64sO/QwfDj3/Dj1OPz1sL926z/4Kr/46j02cTYx/zWx/vHu/jCt/bSwfvf0/vdzPjmzuTjzeb427n73bHp0tvXx//Yxv7Yxv/Zxv/byPnax/2ucEpCAAAAQnRSTlPl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXJSvIEAAAAVUlEQVQI12NgwAMYkTlMMEFGZhYGViQVjAysjFDwiZHhP0yQDybI+Oo/VJBZjBEB7gIFWUBm8CAJgvhYBUG2M17i5j7PdYr9LDsb25H/cIcxMzMQBADAEAyJ38k4LwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1DqJgCS2dJFzPFar9fnuDP/e347b621f3be42c0bceb9eda00620925/img-HowLaravel-Composer-work-with-WYSIWYG-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Laravel composer explained: what it is, and how it works with WYSIWYGs | TinyMCE"},"metaDescription":{"metaDescription":"Explore how Laravel and Composer integrate with WYSIWYG editors in web development. Learn about installation, Blade templates, and WYSIWYG implementation."}},{"title":"How to add Font Awesome to Blazor","slug":"font-awesome-blazor","featured":false,"lastUpdated":"Jan 30th, 2024","description":{"description":"

Interested in Blazor, and need Font Awesome included too? Read on to find out how to set up Blazor with Font Awesome icons.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Interested in Blazor, and need Font Awesome included too? Read on to find out how to set up Blazor with Font Awesome icons."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Multiple Blazor icons representing the diversity and variety of font awesome icons appear in together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAz1BMVEXCrvzCrv3Drv3Crv7Cr//Cr/7BrvrBq/2/qvzAqv3Aqv6+q/fNl9/Hp/a/r/2/r/zErP2nu+OTxNnMvvfZzPrZy/vazf3Hw+y4nK+5pt/VpMzcob7Ar/24sfStr+7n3/vz+/ax7M3w+vXt5vy8r+/Dt+7Xo9Tdosm/rffDrvzCrfy8qfnm3vvv+POb58Dr9/Ls5PzYwdbm0Lq8qfq2sfamu9bCrfrBrPzMvPrVxvjSxPbMvPbAqfLCsunAq/yys+izs+nDrf3BrP3AqvzBrf37dJc8AAAAaElEQVQIHQXBMY6BARSAwfn4QyLEAXQKV3B+UW6/2XYLN1CJeGYAAECQITAQyWBVbwxRy2tbVfX8GNGxqqrqYUSdqqqq/sYCh6qqKs3C+L1Ws6oqYw09Lpuf82zv/7v9DQEBMAQAYvAFr4cZwf0HkEEAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1abp7uTrpiLZ730amZcD66/ab21dc7252161669dde18a35b61b1e81/img-Howto-add-font-awesome-Blazor-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add Font Awesome to Blazor | TinyMCE"},"metaDescription":{"metaDescription":"Follow the new step-by-step guide to set up a Blazor Font Awesome solution for your project."}},{"title":"How to create Bootstrap inputs","slug":"bootstrap-inputs","featured":false,"lastUpdated":"Jan 25th, 2024","description":{"description":"

Bootstrap inputs can save you time and energy - read on find out how to use Bootstrap classes for a more professional look.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Bootstrap inputs can save you time and energy - read on find out how to use Bootstrap classes for a more professional look."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Bootastrap logo checks on an input form in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEW93/+94P++4P++4f+/4v+83/+73//A4v+42fmtx+693P+/4P+w2/Ws2+rD4f3Q5PjP4vfP5Pmxz/F3bLeSbs6pvOu12fLC4t3i8/DT6fnf6PPc5e/e6fXC4f7A4/+jvON6Ua6+qtypvOa63v7M4PX2+fXy9fXM4vm42f273P+rxut3YbCfmc+uye+12/rL4PT6+PXx9PjF4fitxvGnuOm/4f++3/+wzfG32Pm73f/K3/fh7PjG4v263v283f272/xdVJAVAAAAXUlEQVQIHZXBIQ7CQBBA0f8nO6qjcT1G738CFIYDILFrEN0WCCmKhPf4Qb4JuBsD1hQeQANMd718yg4NjEm9n3ypDoKzh+sABOfycF4hYNyq6jK98WG0JSTTiOAvG7ldD6p4d3fWAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create Bootstrap inputs | TinyMCE"},"metaDescription":{"metaDescription":"Discover how using Bootstrap inputs in your forms can save you time and energy, as Bootstrap classes quickly style inputs, and give them the much needed professional look"}},{"title":"How to use Font Awesome with React and TinyMCE","slug":"use-font-awesome-in-react","featured":false,"lastUpdated":"Jan 23rd, 2024","description":{"description":"

Font Awesome and React can combined to create a rich UI design, especially when combined with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Font Awesome and React can combined to create a rich UI design, especially when combined with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A pair of happy icons team up with the React library logo to work on font awesome in React JS","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEV+//99//98//97//9//v98/f509/l5//91//+++/vY8vLX8vLD+vp///+A//9//P6Q+vuN8vKK6OuU9fit+vu8+Pi3+Pib/f2E/f267/i18PiC/v6B9fXl8O309PPU0ODh4vHr8u/m8Ojr/v2P+PiR9ffG6vfC7PeE/v5+7Ozy8PD////28/j48fb2srnutrPo8/mB8Pp4/v6O+vqK+vp/7e3u8fH+/f35yM/9ztTQ6PRp4fZ6//96//58/Pyd/Pyj//+i//+k//+e//58/f14//92//8pCi3EAAAAYElEQVQIHQXBwQ1BURRAwTnyI/GCjuy0baEAiSpUYEXimgEAAAEIAwSoBmMQbFVV333vH6FzVVXVa2zYnaqqqrDBqaqqegw7OB7NWmut9TwMQpeK6jYg6BrcPwMEAgbwB/piFDweuOcQAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to use Font Awesome with React | TinyMCE"},"metaDescription":{"metaDescription":"Integrate Font Awesome with React and enhance your TinyMCE UI: a step-by-step guide to setting up, customizing, and securing your icons and editor."}},{"title":"How to access content by id in Angular with TinyMCE","slug":"how-to-access-content-by-id-in-angular-with-tinymce","featured":false,"lastUpdated":"Jan 18th, 2024","description":{"description":"

Manage content by id in Angular using our new step-by-step guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Manage content by id in Angular using our new step-by-step guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Angular log appears next to a number of files that are set to upload into a large collection of files","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAzFBMVEX2wP/3wP/4wP/4wf/3wf/2v//3v//2wfn2wffsw/z0v/3rnMnxsOn31f740f7xvvvxvfn0wP73wv/0xeDvz66VxNGsxeLolK3sm8bw3vrn7+7u0evruPLtuvf1xeTx48fC29qFwdDyu/XytfDPsvFyt967x7/pvej1vvz3wP313/Lb5eCMvMjxw//ku/fguvaeruVAvr3YzuDz5PXx5PP1yv33z//u4fPIwuTlufnUsPTzwvzUvuzmw/D10Pv00Pr2xP75wf/6wP/3vv/Y/tSIAAAAX0lEQVQIHW3BOxaCQBAAwe5lHwlcw4Mg9w/IPIC5kYkEw6wfILCKf6SRr6CRJCq6AgEI2Ht4BFTS6O5JqqTB3T0MBOrFk+VFId3Gt2VoVj7snUrXlWuZZwFp5Cc4UQ4bBkUQVomzskgAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6yp107kCIrV6eKtfntwdRQ/905f456bc37cd3b753d8652425db1afe/img-Howto-access-content-by-id-Angular.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to access content by id in Angular | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to access and manage content by id in Angular using TinyMCE with this step-by-step guide, perfect for enhancing your app's content handling."}},{"title":"How to add fonts to an Angular project","slug":"adding-angular-fonts","featured":false,"lastUpdated":"Jan 16th, 2024","description":{"description":"

Add fonts to your Angular projects with our guide on configurations, step-by-step instructions, CSS management and other useful best practice

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add fonts to your Angular projects with our guide on configurations, step-by-step instructions, CSS management and other useful best practice"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Fonts represented by letters next to the Angular logo, showing the Angular font integration options","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAxlBMVEX67n/773/673/67oH67nz773777n/67oD264X66XD35Yj67on67n747X/37Hz773v55HXbz63v5Ynu433u5nz47oj374z37YX17Ib37ZH06Yvy55rv54bM0Mzn35b46HnwzXn14Hr78H/t2a3bu8Pq0Yf37If37aPFzfLPz73qyGLicIjtunb78X/57XznxIfdsnzz4nje4Kbt55Lu5KLp4Zzv3HHXn2Lw2nf78YD773378H378H757X367n3873n873v68H7AuFUEAAAAYElEQVQIHQXBMQ6CUABAsT4gxARnV3cH738boidwhRi/LQAAmEEmAAjMP3NfGBDWOi5Vp6OB0DZVVfU5B6FuVVW1DxaYtqqqgoXGo6qqguD6rKr3/bUbBAFgIMDKSQP8AUDEFGIsXUvNAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7C2utncZ98pTaO44bQnkah/732c6d6b5a41ba60cd5b1b99e2355671/img-Howto-add-fonts-Angular-projects-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add fonts to Angular projects | TinyMCE"},"metaDescription":{"metaDescription":" Master adding fonts to Angular projects with our guide on configurations, step-by-step instructions, CSS management, font awesome options, and advanced tips."}},{"title":"How to set up a Vue emoji picker","slug":"vue-image-picker","featured":false,"lastUpdated":"Dec 12th, 2023","description":{"description":"

Vue can elevate your applications with useful features like access to emoji. Read on to find out how to easily add an emoji picker to your Vue app with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Vue can elevate your applications with useful features like access to emoji. Read on to find out how to easily add an emoji picker to your Vue app with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Vue Icon stands next to a number of emoji being selected or picked from a window in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAzFBMVEXVxvTVxvXUxfTUxfXVxfXWx/XXyfTl4PHo5PHn4/Hd0/PWxu/YyvXZzfTXyPXg1vTf1/Lg2vHe0eXp17bdz9rf2+zj4OrUxfK6w9DExd7cz/Dr5+f39PLy3bn38en09fb09PPa1OnTxPPWxvXXyPbDx93KyOjPxdbW1Kn6+O3xx5Tz1sH+//////7Tz9vRwvHYyPbWxvfbz+X48NH//fj57sb37tv4+fr9/vzTztzSwvHXyfbf1fnf1Pne1Pne0/jd0vbf0/fUx+/UxPThp1OeAAAAX0lEQVQIHQXBMQ4BUQBAwXnxO+sS27qB0sHFSSSiV1Ft7DcDAAACASYQJPUDE6FRVd+lz7AROu2Hqqq3jQH7UlXV8dU0sFZVVcGA57mqqiC0elyqqvs0BeQKbkwAAAV/OfkTWsJuNQoAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Dha2hKHs5otrILR707ROz/8a4cadbe1a3c8bae349bbd061594bed2/img-Howto-Vue-emoji-picker-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to setup Vue emoji picker | TinyMCE"},"metaDescription":{"metaDescription":"Elevate your Vue.js development with our tutorial on adding and customizing the Vue emoji picker for a richer user experience."}},{"title":"Automatically paste clipboard content into TinyMCE templates ","slug":"paste-clipboard","featured":false,"lastUpdated":"Dec 6th, 2023","description":{"description":"

You can paste clipboard content automatically into TinyMCE templates - read on to find out how to activate this option and enhance your templating process

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can paste clipboard content automatically into TinyMCE templates - read on to find out how to activate this option and enhance your templating process"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Automatic copy and paste represented by classic imagery of a stamp copying content onto new pages from printed pages","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAzFBMVEVd8bxd8rxc8rxY8rxZ8bxc8Lxb8rxW87xc77uF6bxo671b67pa8LtV8r2A6b6H575a8bxu7bac36WY5r9t7b6l4Jm52o19577iwcvIzcVk8Lxc8LtX6cJX5tRk6cZX8cCr3q/mxHj06dmt8dZ76r5h5r5Y7b1b775T5eRO4fNP5dZo78DH6tXi3M/K59yD5sJq57dh6blb8L1Z6sBX58Nb7rtY8rta77t77sNX7rlO7Ll96L9n7btk7rld8rtd8bta8rxX8rtb8r1a8b0Id4XRAAAAXElEQVQIHXXBMQ4BYRRG0XsnLxoSvUVYgq2LjagVOuWIz5OR+RvO4RdZyFcA+VBsSOZA0YSNi4cBAdm7us+haAeHG1C0nUOAol2PriIU7bn1Mp3M5PllQJoM4Y83L54UHGqFtSIAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3yThtntybkeL9aAOAAFPVG/d2b1de53b4e4c6a731b4a6727269c969/img-Automatically-paste-clipboard-content-tinymce-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to paste clipboard content into templates | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to paste clipboard content automatically into your text editor, enhancing your templating process and adding productivity to your content creation"}},{"title":"How to enable image upload in your Vue app","slug":"vue-image-upload","featured":false,"lastUpdated":"Nov 7th, 2023","description":{"description":"

Explore drag-and-drop features, image picker options, and more for an improved user experience running Vue with image upload.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Explore drag-and-drop features, image picker options, and more for an improved user experience running Vue with image upload."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An image works it's way toward the Vue logo, through an upload step, representing Vue image upload","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAn1BMVEX/oKr/n6n/nqj/n6r/oKb/n6j3r7vvvMj/oaz/nar7pKz+oqv/oKv/oav9pq/4xqnmzMrU7Prg2OL/rLTXvreS3MXur7H/najrvra67+mD59i0sKivzrwA6slF5snura/7rLTitbf8q7Pksbpj5tClxrHwn6WB3cOczsHLurb5pav4rLK7ycH4rrTvoqnkqKr/m6e4ybrlr7D/qLD/nqrhYXtqAAAAUUlEQVQI12NgIBYwQyhGJkYg+z9UkBFMsjDCAMNnqCAzN1zszV+4Sm5euCjjQ6AwC0iQB6GUEW7RV1k2thsybJfffRO/8B/hBpCcCTPcMUQDADD2DSqXh5SIAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enable image upload in your Vue app | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enhance Vue app image uploads with TinyMCE. Explore drag-and-drop features, image picker options, and more for an improved user experience."}},{"title":"How to convert and rewrite URLs with TinyMCE","slug":"convert-rewrite-url","featured":false,"lastUpdated":"Nov 15th, 2023","description":{"description":"

With TinyMCE, the URL rewrite process becomes easier than you'd think – read on to find out how URL rewrites work in our latest guide

\n

 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With TinyMCE, the URL rewrite process becomes easier than you'd think – read on to find out how URL rewrites work in our latest guide"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A URL being examined, and the link icon changing color, representing the URL change process","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA8FBMVEXw3j3w3jzw3jvw3jbw3ibw3SDw3iTx3y7x3i3x3jXx3jvx3zzv3Tzv3TXv3UDx4oHx5Ijw4X/t1lnv3XTx4Vvw3jTu3T7x3zvv3Tvk2ZXz9Pj29/jz6uPq4eLv3NDw24Lx3E3w317x3z7s3D7v3RLe1qf09v/6+/348/Dv4Nnx6ePX2rLfvY/x1H/x4Efv3Trw3RTd1qjy9f/5+v/7/P/8+//x/P/G3bbgznby3FPx30Dw3S3h1YnZ2NHc28/c2s/c29Hi3cTu4GPx3yfx3zbx3jzx3znx3i/w3SHw3Rjv3Rbv3Rrw3R/x3jrx3jjx3jmSYrwZAAAAYUlEQVQI12NgwAIYYRTjfyD1H1mQkYkRCr7CBXkYEeAlkM8CFnwrghD9DxFk5EZWChX8jyYGMVNcBS627x+QzwQS1OOGgGNcjP8QTnI9asMBZO/+/h/Z8QyMLgx7YG5nAAC9PBOsGxz1VQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/PHZDW8xZ17c1vNZ7JUPTy/e4c28f2bc1cbb4ddcf25a6d4cd296dbf/img-Howto-convert-rewrite-URLs-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to convert and rewrite URLs with TinyMCE"},"metaDescription":{"metaDescription":"Discover URL rewriting and conversion with TinyMCE. Explore basics and best practices for optimal web performance."}},{"title":"Mastering React image upload with TinyMCE","slug":"react-image-upload","featured":false,"lastUpdated":"Nov 2nd, 2023","description":{"description":"

Mastering image upload in React is a matter of understanding what to post to the server. Find out how to add TinyMCE to your React app for image upload with an end-to-end demo

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Mastering image upload in React is a matter of understanding what to post to the server. Find out how to add TinyMCE to your React app for image upload with an end-to-end demo"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The React library icon handling a number of image related symbols and icons to represent image upload with react","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEWR+P+R+f+Q+f+P+f+L+f+N+f+S+f+Q+v+j9vzH8/bN8fC59fmT9f6V9/+U+f+V+v+V+f+i7fWU+P+T9fzA8vbq3s713rHb7OiV6fiN5++I8fWN7PKK5e2S9vua2MqU9vyU9/666vbJ7PO0xrDPs5LV29aZ8vWf8vaO5uyK1eKI8vRi4tOS+P+f8/ux8fbg2dHg1Mbi0NCm5/Gm8vfM7vGa7PSV5/SO7e6J5t+T+v+U+P6l+f+g+/+g8PmZ8/uR9v2W8/mT8/iR9vyT9v2V9/6P+v+Q+P/aTx5qAAAAbElEQVQIHQXBQVXDUBRAwbn5TQQggNN9FSCACmeFB1YoqIDQPmYCYgAIosEEYyHb1hr7ejmeEu1/R1WlepiLnG9VVVUPLvRe1e+1qh8kt6qqqr5NtJ8fVVX1dQ6oba3Prfu94yiCAGAIgDDgHyxyFyB+QPR7AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Mastering React image upload | TinyMCE"},"metaDescription":{"metaDescription":"Explore image handling in React and TinyMCE: from understanding uploads to importing images. Follow our guide to enhance your React applications with seamless image uploading using TinyMCE."}},{"title":"Mastering document formatting in TinyMCE","slug":"document-formatting","featured":false,"lastUpdated":"Oct 31st, 2023","description":{"description":"

Find out all you need to know about document formatting in TinyMCE - from formatting types to essential steps.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out all you need to know about document formatting in TinyMCE - from formatting types to essential steps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The formatting options that make up document formatting options combined together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA8FBMVEVA/90//90//94+/94+/908/900/90q/90v/t45/t07/945/94w/901/95C/95E/t1A/twd/dtl9tq37chy6MhM7Ndp7tU9/944/92b++XB9+mn9uRi985e+tE0/96T++PX8+3t6ubl5MGN58Rd89c8/96M99+s7NuS79pP+9pa/dws/929++v////s8fTm48x68MhE/Ns8/99S+9Bu9LNq9ti369yW38957dW29ubF9unn+/bW5NRQ6cs3/95C/9xO/dRk8taN28py4s5O99h9++Cu7+Cx8eKB9d0x9dg4/944/dw7/90t/9xi/d4z/91Fwag6AAAAbElEQVQIHW3BIRLCMBRF0fuaz4SgK5hhAWyCldfiEZ1KbEXbDWDSDzFNBOfwjzhIwt0BASKw46bis4NAXNRYHYPQq7WCwOJN1ZjBIN/VcEBAeOjwWoAOyM85pTSdhxjfG1X3Y6eriUJUAqf4Ak2hF6eY+UqwAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Mastering document formatting | TinyMCE"},"metaDescription":{"metaDescription":"Navigate through the essentials of document formatting in TinyMCE. Explore various formatting types, and learn practical steps on how to format documents effectively."}},{"title":"CSS wrapper options for content built in TinyMCE","slug":"css-wrap-content","featured":false,"lastUpdated":"Oct 18th, 2023","description":{"description":"

Find out everything you need to know about CSS content wrapping, and best practices to get it done with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out everything you need to know about CSS content wrapping, and best practices to get it done with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The concept of css content wrapping represented by the CSS curly bracer syntax","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAqFBMVEXVn//Vnv/VnP/UnP/Xp/7ctvzeuP7euP3Xpf/Wn//asf3cvPfdvfnevfnVwfjPxvjcsP3WoP/Vnf/brf/iwv3auPjcuPvdvfrauvvKmvjet/7br//Unf/etv/euf3Zsvr57P3+8vz+8/v67v7Uo/rcs/7ft//csP/QmvnetfrLyuXgtvnhs/3QnPjWov/Zqf/TnfzOn/msv9vMoffSm/zTnvzXnf/Wnv+O1Wc4AAAAWklEQVQIHZXBsRGCUBBAwfeEQAjpQ/qvgw5sADMGGGeOu29gYuIuv0ijAhFBkWKngB5BkjKYML1IPWmyYFmBnjT6tQI30ja+h+bpRpIy+3HGQpLGOw8X9uA/FyPiEidDkrq2AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FgrolzXokcX49WDHtKfrl/28a7b175bf3a98e9d2b958b22e7307eb/img-CSS-content-wrapping-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"CSS content wrapping options | TinyMCE"},"metaDescription":{"metaDescription":"Explore CSS wrap content and wrappers in TinyMCE. Learn to implement text wrap and discover best practices for content wrappers."}},{"title":"How to generate a flexible and sortable HTML table","slug":"generate-sortable-html-table","featured":false,"lastUpdated":"Oct 12th, 2023","description":{"description":"

Tables are great for displaying data, but it can be hard to manage HTML tables. Read on on to find out how to create flexible and sortable HTML tables.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Tables are great for displaying data, but it can be hard to manage HTML tables. Read on on to find out how to create flexible and sortable HTML tables."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two HTML tables sort their row and column content by swapping with each other.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABj1BMVEX/Zmb/ZmX/ZmP/Zlv/ZVP/ZVH/ZVD/YlD5cVfwemP1cWb/Y2T/ZWb/ZWD1ZoHqZ5XsZ5LsZpLsYpKgmp5qv62Xq3//ZWT/ZWX/YV//WU20YM8xZv9GZv9Ma/9tgP1nif1mhNrTgmb/ZGL/ZGT/YGD0e3vvoqGxottppf9xovx/lfmcqvqWqf6Abdz8ZGL/b27/cXH/cHD/WVnisbSt/P+w+v639/rY4urd4erN1/GEedf0eXj9eXj/eHj/d3f/W1rMub6Q8PeX7fOX6++Y5uvF3evE9Pi99/yt6/jC7PDrqqz/dnb/VlXlra+z//+2/f+4/f+r6fZ8nO+s8P20/P+z/P+u///mtrj/cG//WFfnr7Kw//+1//+6//+v8f91pfKV5u2W7PGV7PKO7/XPub7/aGf/b2//X17viozgv8GxvuF7wP12tfp4nva0+f+y/v+v///orbD/V1PrU3vJTZLLSo7IbpvG3eLF6OvE5uvF6O3qnqH/Y1r/Y1P/YU//XE3/YV3/XFv+W1v/YWH9Xl6dMWbvAAAAaklEQVQI12NkAAJGJPAFyGcBCTJww8W+gRUBsTiKypdgleK8yIJ8EEEGPiAbYS7UTGSVz6SxCGo8wyLIqHEIYSYIPFBkZLx9HSjAzMDw9YkGFysIiLGxsd159hUsyPD18T0jVihQOgUUBABDQxVwb2MhvwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1M2gExrYRM8PwCq2nPMIQq/0dcb861c49b3d7407dc1dac70c8b904c/img-html-sortable-table-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to generate sortable HTML table | TinyMCE"},"metaDescription":{"metaDescription":"A comprehensive tutorial on how to make a HTML table sortable with TinyMCE’s advanced table plugin."}},{"title":"Understanding clipboard history and undo redo levels in TinyMCE","slug":"erase-clipboard-history","featured":false,"lastUpdated":"Mar 19th, 2024","description":{"description":"

Find out how you can get control of the editor undo and redo history in TinyMCE

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how you can get control of the editor undo and redo history in TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two documents representing the states of change when managing undo redo and clipboard history appear together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAApVBMVEWUv/+Tv/+Rvv+Sv/+Svv+Vvv+gwv+Vvf+SvPmdvfOqvOCUv/6pw/jZ3/be3djc16bi3JLJz8+jve6uu9qVvv2Qvf+sx/rg8fXb5cTz5WH36GXa2K6SvP2Nv/+PwPqTwP+cpOKqntTu6/7j5+D26XD46mfh3Z2juuOZvPORwP6WtfSZr+21y/6ux/fG0cu/z9qlxPCYvfiWvvuSwP+Pvv+Ovf+Qvv92LrJCAAAAUklEQVQIHZXBMQ6CQABFwfd0E7TG2t77H4OCi9BCYYLr3yjUMMNh8qN+4LLSSOPVeHe6VKAQejPu6kIUmt7NRBTi6Y5Gwpd/YyUKUeeHiEPlpC+bFw0pv23PlwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ipu45urUi6u2LqWM2sTME/5ac51f6bde7891ba343daf288551773b/img-clipboard-history-undo-redo-0.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to understand clipboard history in your WYSIWYG | TinyMCE"},"metaDescription":{"metaDescription":"Discover all you need to know about clipboard history in your WYSIWYG using TinyMCE APIs to completely erase copy and paste history"}},{"title":"How to customize HTML table backgrounds in TinyMCE: color, image, and beyond","slug":"html-table-background","featured":false,"lastUpdated":"Mar 13th, 2024","description":{"description":"

HTML table background colors and images don't have to be complex. Find out how to set up HTML table background colors and background images with TinyMCE

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"HTML table background colors and images don't have to be complex. Find out how to set up HTML table background colors and background images with TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A table in a window on a laptop has it's background colours adjusted","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAAAwFBMVEUt7pYs7pYr7pYn7pUc7pQk7pUq7pYq75Yl75Uf75Qn75Um7pU17pdd7qI57pgA75IC75I27JlX7aE275YQ7pN976/r9O6p78Va7qJl7KGZ18jO3PGC7LYG75Eb7pRh8KXF7dLg0NLU3NTX19Hp1d/89P+m78gA7pAo7pYF75Rs56DgxsrZ2tbe1NTiz8/I9tiC8LEK7pIe75VW7p+g6ruj7L6j676J67AA7pIO7pMo7pUg75UA75EA75Mj75Up7paIkNYlAAAAWklEQVQI12NkAANGxv9gGkIyQkgmRgj4DhZlAYtxQcUY//38DxNk4IQJcj1FCMJVMrL8wiL4B27m/1sGMEGwRUwQl1zhuM1+k42N7TjETVB3MrHZszExMuABAKcFFBAvYbqOAAAAAElFTkSuQmCC","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5LwTCaEZS5ep85e9vypgXs/f87969c3f7755ec0d6558c07faad71c3/How_to_set_up_html_table_background_images_and_color_in_TinyMCE_D3-01.png?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","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 Customize HTML Table Backgrounds in TinyMCE: Color, Image, and Beyond | TinyMCE"},"metaDescription":{"metaDescription":"Looking to customize HTML table backgrounds? Our article walks you through the processes of color customization and image implementation, plus best practices for optimal design"}},{"title":"How to migrate from CKEditor to TinyMCE","slug":"migrate-from-ckeditor-to-tinymce","featured":false,"lastUpdated":"Sep 27th, 2022","description":{"description":"

This migration guide covers all aspects and steps of migration from CKEditor to TinyMCE WYSIWYG editor. Read on to find out how to migrate.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This migration guide covers all aspects and steps of migration from CKEditor to TinyMCE WYSIWYG editor. Read on to find out how to migrate."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Migrate from CKEditor to TinyMCE following this process","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/wAARCAALABQDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwX/xAAkEAACAQIGAgMBAAAAAAAAAAABAgQDEQAFBgcSIRMxCDJBYf/EABgBAAMBAQAAAAAAAAAAAAAAAAIDBQQG/8QAIREAAgIBAwUBAAAAAAAAAAAAAQIAAxEEEiExQlFx0fD/2gAMAwEAAhEDEQA/AD/d7a/TupkiZnPz+FpWR56Metm0pL0hTZ1U8xcX4hiR2PXu2O3o1FiZRVLDx8klkDHOcQn1Xszt5BlZlSy7fjTs0xjUNJKkJm8wVOQCulQqSe1FuiSAMC195A3acj96jRSo7oCBzUVWZeDMASp/P5gG4MGPnyGzaZL18+XVZDvBix6b0aB+qs1+Rt+k29nFbSooo3gckzK5JsxB6aoF+hhNsISPU+5xPPWaJ//Z","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7GWKpDPDCj0gCoHK9R0wPf/dc9208a1814512773bff5a8c3428ebcb/img-tinymce-migrate-ck-ver2.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to migrate from CKEditor to TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"All the aspects and steps of migration from CKEditor to TinyMCE WYSIWYG editor in one place."}},{"title":"CSS hacks for TinyMCE beginners","slug":"css-hacks","featured":false,"lastUpdated":"Sep 20th, 2022","description":{"description":"

CSS hacks and tips that can help to customize your rich text editing experience

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"CSS hacks and tips that can help to customize your rich text editing experience"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A cloud and five stars with different colors connected with a tie to the edge of the image","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Gideon Idoko","slug":"gideon-idoko"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"CSS hacks for TinyMCE beginners | TinyMCE"},"metaDescription":{"metaDescription":"CSS hacks and tips that can help to customize your rich text editing experience and fix styling issues in your web page without needing in-depth knowledge of CSS."}},{"title":"How to set and get cursor position in a text area","slug":"set-and-get-cursor-position","featured":true,"lastUpdated":"Nov 14th, 2023","description":{"description":"

This article steps through a few ways how to set or get cursor position in a TinyMCE text area

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This article steps through a few ways how to set or get cursor position in a TinyMCE text area"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A cursor appears in a text editor along with other content behind it, set by end users represented by people icons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAQIFCP/EACEQAAEEAgICAwAAAAAAAAAAAAECAwQRAAUhMROBIjLB/8QAGAEAAwEBAAAAAAAAAAAAAAAAAAEGBAj/xAAiEQABAwMDBQAAAAAAAAAAAAABAAIDBBEhBRKBFDFBUeH/2gAMAwEAAhEDEQA/ANj66K3MlJadeTHbNW4rocgft+sqZHFjbgXXLdFTx1UwjkftHvkD7wqE7Ua2OypyPsw+rzLQG/j9QkkKsHrgD3mdk73O2lqq9T0KipYuogqAQSQBg4AJ73z4HKjXmxQqGCExJqr4HQwTubbb4CXBJf/Z","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=2217&h=1245&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=3850&h=2162&q=50&fit=scale 3850w","srcWebp":"//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=2217&h=1245&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/27GMPlthHCrmlG2BO6AEaF/f500008294e031cb072bbcaf7eb188ca/img-set-cursor-position-0.jpg?w=3850&h=2162&q=50&fm=webp&fit=scale 3850w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to set and get cursor position in a text area | TinyMCE"},"metaDescription":{"metaDescription":"Finding out a specific place in a text area can be difficult. We’ll go through a few ways how to set or get cursor position in a text area with TinyMCE"}},{"title":"How to build a Workflow app with TinyMCE Self-hosted & Cloud","slug":"workflow-cloud-self-host-config","featured":false,"lastUpdated":"Aug 3rd, 2022","description":{"description":"

Find out how to configure a workflow app with TinyMCE Cloud and TinyMCE Self-hosted

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to configure a workflow app with TinyMCE Cloud and TinyMCE Self-hosted"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The workflow config, self-hosted and cloud, in the cloud represented by arrow, gear, and star icons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/78ddb6Ee5z410SjSSkmXPR/462564520641d1cd4b60ff06007d5733/img-tinymceCloudandSelfHost-wrkflw.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 build workflow apps with TinyMCE Self-host and Cloud | TinyMCE"},"metaDescription":{"metaDescription":"How to build a workflow app with TinyMCE Cloud and TinyMCE Self-host, including the configuration and different plugins"}},{"title":"Most common plugin errors in TinyMCE and how to fix them","slug":"fixing-plugin-errors","featured":false,"lastUpdated":"Apr 20th, 2022","description":{"description":"

There are ways to fix the most common plugin errors in TinyMCE – for instance, find out how to fix the “TinyMCE failed to load plugin” error.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There are ways to fix the most common plugin errors in TinyMCE – for instance, find out how to fix the “TinyMCE failed to load plugin” error."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Solving TinyMCE premium plugin errors represented by a constellation","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3PeIEOerzGVHMkUhIkiygT/dc4ecddbda651adeb7323714abb1d605/Image_TinyMCE_remove_premium_plugin_error.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":"Most common plugin errors in TinyMCE and how to fix those | TinyMCE"},"metaDescription":{"metaDescription":"Ways to fix the most common plugin errors in TinyMCE and why those happen, including “TinyMCE failed to load plugin” error."}},{"title":"This domain is not registered with Tiny Cloud","slug":"this-domain-is-not-registered-with-tiny-cloud","featured":false,"lastUpdated":"Sep 2nd, 2020","description":{"description":"

Are you getting a warning message when running TinyMCE? Find out how to remove the TinyMCE warning notification - This domain is not registered with Tiny Cloud - associated with the Cloud API key.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Are you getting a warning message when running TinyMCE? Find out how to remove the TinyMCE warning notification - This domain is not registered with Tiny Cloud - associated with the Cloud API key."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Notification message reading \"This domain is not registered with Tiny Cloud.\"","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACMVBMVEUIG0wIG0sMH08SJVUTJlYOIFAIHEwNH04JHEwMH04SJVMTJlQOIU8MHk0JG0oIG0oNH00SJFITJlMOIE4MH00TJVIJG0kIG0kHGkkGGkkKHkwQI1ARJFELH0wFGUkMHksPIU4LHUoJG0gHGkcAF0cADkYAEEkAF00AF04AD0kABkYAB0YACEYBGkkNIEwKHEgJG0YIGkYAFUUABEQAFkcAEkkADEkAAEUAAEIAAEMAFkYAEUgPIUoJGkQGGURWUFDbx4nkz47izY3hzIvhzIzhzYzjzo3UwYRQSkwNH0gRIkoJGUIEF0IAAEFmXlb85Zrbx4j54pn24Jj03pf03pb95pz/7aD/7qH745leVksNIEgRIUgJGUAIG0NoX1X135a/rnjt15Lz3pfx25Xz3Zbz3Zf135j44pn645lfV0wMH0UQIEUOHEENHkMAAEBWT0vbxoXjzYrizIngy4jhy4nhzInZxINQSkYAA0ENHEESIEIPHkEAFDwAADkACTcAADMAADIAADQAADUAADcADTkACDwDGUAMGz4JFzsPHT4MGjsHFjkAEjgACDgAAjgAADgABDkABzoACjsADTwAEj0EGT0KGTsIFzkJFzkKFzcIFjYIFjcHFTYGFTYIFzgKGDkHFjcLGTkMGjoLGDgJFjYIFTMIFTQKFjQJFjQLFzUMFzYNGTcOGTcIFDAJFTEJFDEKFjILFjIMFzMNFzQKFTIIEzAIEi0LFS8IEy0MFjAKFC6xPRb/AAAAoElEQVQYGQXBwVUUURRAwVvMw2l0HGDhQgMwOjM2BRd6PChI098qVVXgtd7xTFW14anqfJtrqWCvqluzJcBrtdbGXAJQedn4PVeAqlytP1/mo39noBb8/GyuAI5O8OvRPPr+FaAfn1gPfAMkR2t4uswVpDjW4N7cA8WxBpgH64biOFH+9n4u4a2x35zU2/5Bs1Wwzyieq7mr0jqr7N1V/wE+LicwP8iefgAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/68cMDQqZHsX4rYRJN3CcxS/5e86dcda601c6b70033d834c305b4783/Image_default_APIkeywarning.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"Remove warning - This domain is not registered with Tiny Cloud"},"metaDescription":{"metaDescription":"How to remove the TinyMCE warning notification - This domain is not registered with Tiny Cloud - associated with the Cloud API key."}},{"title":"How to build a Workflow app with TinyMCE Cloud","slug":"workflow-cloud-config","featured":false,"lastUpdated":"Aug 3rd, 2022","description":{"description":"

Find out how to build a workflow app with TinyMCE Cloud, including the configuration and different premium plugins

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to build a workflow app with TinyMCE Cloud, including the configuration and different premium plugins"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The workflow config in the cloud represented by arrow, gear, and star icons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/dVtrtW5ifkRjH3pnGq0IU/647fdbaa64e792c97274337fdf5b6c00/img-tinymceCloud-wrkflw.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 build workflow apps with TinyMCE Cloud | TinyMCE"},"metaDescription":{"metaDescription":"How to build a workflow app with TinyMCE Cloud, including the configuration and different plugins"}},{"title":"How to build a DMS app with TinyMCE Cloud","slug":"dms-configuration","featured":false,"lastUpdated":"Jun 13th, 2022","description":{"description":"

Discover how to configure a DMS app with TinyMCE Cloud. This article explains the requirements and steps needed to get started.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover how to configure a DMS app with TinyMCE Cloud. This article explains the requirements and steps needed to get started."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Cloud DMS with TinyMCE written on a button, with rich text editor symbols in the background.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABLFBMVEUMEywMEysMEisIECgHDycMEykMEigOEigMEioLEigMEicMEygMEyoJECUfIi0nKTAKER0GDhsAABYAABoDDCMKESAMEhsMEiEMEiUIEC4kL4swO6EAHZgABZc6Q51JUKADIJkAGJkAH5kEIJkKF1YMEiAMEiYLEzkAIKIAIroAGrdobsSMkM+VmNJ+g8oXL7gAIrgAJbcJGGUMEhgAIKAAI7gAGbV5fseVmNCbntKPks4tPLgAILYAJbUJGGQMEhoJEjccJW4WIncAE3MAFHMAAHITHHcAFnUEGXUJHHcLFEELEikWGiknKS8mKC0RFiECCxwEDB8sJTUXGzMMEyQOFisMEiQKESoKESkcIDEXGy4LEysKFC8NFTANFS8NFC4MEiwJESsKEisMEy3RrUXSAAAAaElEQVQIHQXBuxFBUQBAwT3mDoGXaUATWhH7dKYgFUh1gMCMuXYDNQETglZVVd/NezLQUlXVkhdhvauqqnpMg/ZVVVVhgKWqqsJgPg9VqeqOgc+2qqp6TYKO1W9U3SYAp/MFrgEAUMAfz8gS7oVS9KEAAAAASUVORK5CYII=","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7AK91WnfC4Ing62Ymk0mOi/d07a6b1d5bcce39527ceefc38d71c437/Image_SBC_DMS_TinyMCEIntegration_Cloud.png?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 configure DMS with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"How to configure DMS apps with TinyMCE Cloud: the requirements and steps needed to get started."}},{"title":"How DOM manipulation with the DOM.utils API works","slug":"dom-manipulation-with-dom-utils","featured":false,"lastUpdated":"Nov 7th, 2022","description":{"description":"

Find out how to perform DOM manipulations with an API, such as adding or removing content to the text area

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to perform DOM manipulations with an API, such as adding or removing content to the text area"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The words DOM manipulation in front of a tree with a flying creature behind it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7771295215869312,"src":"//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1523&h=857&q=50&fit=scale 1523w","srcWebp":"//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/YizFYipPcyxO44RMnsbKq/1aeaba61c57f5eb41284ab8f43ccb161/img-API-DOM-Utils-Guide-Tree-0.jpg?w=1523&h=857&q=50&fm=webp&fit=scale 1523w","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 DOM manipulation with the DOM.utils API works | TinyMCE"},"metaDescription":{"metaDescription":"We’ll explain how to perform DOM manipulations such as adding or removing content to the text area with TinyMCE DOM.utils API."}},{"title":"Tiny Drive Developer Guide","slug":"tiny-drive-developer-guide","featured":false,"lastUpdated":"Nov 14th, 2018","description":{"description":"

We added cloud file and image management to TinyMCE. In this simple to understand Developer Guide you'll learn how to configure the TinyMCE editor and secure your Drive instance using JWT. 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We added cloud file and image management to TinyMCE. In this simple to understand Developer Guide you'll learn how to configure the TinyMCE editor and secure your Drive instance using JWT. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Tiny Drive UI","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAABxVBMVEXEy9XW3ujs7Ozx8fHw8PHw8fHv7+/o6Onw7+/X4OrY4Ovc29nr7vH09PTx8fDw8PDx8PDv7/Du7+/x8fLy8/Ty9Pb29/n39/n4+Pnd3d719fb09fX09PX29vfy8/Py8vLx8vLo6ens7e3Y2Nn3+v3////6/P/5+//9/v78/Pz7+/z8/P37+/v3+fr3+vv5+/zx9fbc4+jd5Oji5ujz9fb7/P32+Pu70uzp7/b9/Pzj6/S/1O33+PrAxsa3vr29w8KrtreLoauyvL+lrq3Z29z2+Pnm6ez6+/z5+vzW4vLu8vfs8ffW4/L4+funqqiCiYaFhX6UlpKDioqIjo5ueHTP0dL5+vvt8PL4+fn5+vr9/fz39/fp6uvq6uv29/fy8/Pm5+nr7O36+vv19vf29PPs6Ob09PX09fbc3d/g4+bj5ef3+Pn9/f719ff+/v79/f3x7Onk2NDa2tnc3eCzsrSrrrPBxMf09PT09ffz9Pb5+frw8vP19/jSz83NyMTo6OjX2NrGyMaSmpqXm5jx8vLs7/Hr7u/6+/v4+frk5+ry9PXN0Mmor4/Lz8HW2danu5+Xr46ZqpHw8fHt7u75+fjs7u7t7/Dm3MzfAAAAJHRSTlNOjY2NjY2NjY2NjU6NjY2NjY2NjY2NjY2NTo2NjY2NjY2NjU4qusYEAAAAsElEQVQIHVXBsWrCUBSA4fOfnEFq7g0KlYi4SN+iTpWuvkBfywdxdXAq6OaigrhYEAq2FkPB4NCo0Sro9yHk5IS9SMBZGCN34NPUyGWqXGz3auq5V2JlhzIsGtwYo/YRRX9zP3MXGhYzpencSyt6HUV+6Nz2vRImKY9vXK1iSHoiX4bjygOJ5AzPv7Sv8vQdi0gauMmzderlQXf6+7Npr/sisqN6UCATg2VQY/mQFipHfHUtY5qxyh8AAAAASUVORK5CYII=","aspectRatio":1.6677524429967427,"src":"//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=185&h=111&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=370&h=222&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=739&h=443&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=1024&h=614&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=185&h=111&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=370&h=222&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=739&h=443&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5RESMUoqino5ql6tAxLFui/23f1fedfba1fe9cf1b92d26761bb9138/tiny-drive-ui-1024x614.png?w=1024&h=614&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Robert Collings","slug":"robert-collings"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":{"metaDescription":"Finally, a rich text WYSIWYG editor gets image and file management in the cloud. Here's how to set up Tiny Drive for TinyMCE."}},{"title":"How to create a Blazor CMS with TinyMCE","slug":"blazor-cms","featured":false,"lastUpdated":"Sep 7th, 2023","description":{"description":"

For a reliable content management experience, configure the Blazor framework with TinyMCE as your rich text editor. Find out how in this article.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For a reliable content management experience, configure the Blazor framework with TinyMCE as your rich text editor. Find out how in this article."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Blazor logo held insider a text editor window, with notes on the side for content building","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.78003696857671,"src":"//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=1926&h=1082&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3Td7nTzECPlergoTS8kVUk/64420f0b651cf9451724ba7ca399c072/D1.jpg?w=1926&h=1082&q=50&fm=webp&fit=scale 1926w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create a Blazor CMS | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create a Blazor CMS with TinyMCE. Explore setup and key feature integration for a reliable content management experience."}},{"title":"How to set up a CMS editor with TinyMCE Cloud","slug":"cms-editor-tinymce-cloud","featured":false,"lastUpdated":"May 4th, 2022","description":{"description":"

Learn how to configure a CMS editor with TinyMCE through TinyMCE Cloud, including the requirements and steps needed to get started.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to configure a CMS editor with TinyMCE through TinyMCE Cloud, including the requirements and steps needed to get started."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE CMS represented as a document with a cloud and gear","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4wDHb2KKOtrVSq5JVdre2R/c84e490ebec3ab96fb5767766e014d48/Image_CMS_Editor_TinyMCE.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 set up CMS editor with TinyMCE Cloud | TinyMCE"},"metaDescription":{"metaDescription":"How to configure a CMS editor with TinyMCE Cloud: the requirements and steps needed to get started."}},{"title":"How to set up a CMS with Self-Hosted and Cloud TinyMCE","slug":"cms-set-up-tinymce-self-host","featured":false,"lastUpdated":"May 9th, 2022","description":{"description":"

If you're self hosting TinyMCE, but want to access Premium Plugins, find out how to configure and set up a CMS with TinyMCE Self-hosted and TinyMCE cloud.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you're self hosting TinyMCE, but want to access Premium Plugins, find out how to configure and set up a CMS with TinyMCE Self-hosted and TinyMCE cloud."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"CMS configuration and hybrid use case represented by a gear and star","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ZKCqVNpdeRGcd66wcfs2u/f550bccb0ce058341c8474c739e66bc9/Image_CMS_Editor_TinyMCE_Self-Host_Cloud.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 set up a CMS with Self Host and TinyMCE cloud | TinyMCE"},"metaDescription":{"metaDescription":"How to configure and set up a CMS with TinyMCE Self-hosted and TinyMCE cloud"}},{"title":"How to build a CRM app with TinyMCE Cloud","slug":"crm-configuration-cloud","featured":false,"lastUpdated":"Jul 27th, 2022","description":{"description":"

Discover how to configure a CRM app with TinyMCE Cloud.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover how to configure a CRM app with TinyMCE Cloud."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"CRM Cloud on a cloud icon with a TinyMCE style background","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/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgMIB//EACMQAAIBAwMEAwAAAAAAAAAAAAECAwQFEQAGIQcIEjFBQmH/xAAaAQACAgMAAAAAAAAAAAAAAAAAAwECBAUH/8QAIREAAQMDBAMAAAAAAAAAAAAAAQACEQMSIQQxQVGBofD/2gAMAwEAAhEDEQA/AIt2ltyfeG4KOxULwx3S4yLT0b1Uyw06yH5lkbhUABJP5xkkDXR2Gi1j3VZwJEd9eVoyHEgNW1dxHa1a+iO2bXfLV1Btm6oZpo6Krt5kjWqWoKks8AjJ8oRj7cj2SdYWmrP1FwfTtjnMe+foT6rAwAgyp+kUJIyjkA408iCkoHRZEZHUOjDBVhkEaASMhCCloaakm8oKeKJsYyiAHVrnHcqSZKaxLMSfZOqKF//Z","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1TLlpTvh8zNO9TFVJN6zW2/c4d8bc6d7f266c69008a855fd0a36c39/img-tinymceCloud-crm.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 configure CRM with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"How to configure CRM apps with TinyMCE Cloud: the requirements and steps needed to get started"}},{"title":"Create an LMS app with TinyMCE Self-hosted + Cloud","slug":"lms-self-host-configuration","featured":false,"lastUpdated":"Jun 29th, 2022","description":{"description":"

Read on to find out how to configure a LMS app with TinyMCE Self-hosted combined with TinyMCE Cloud

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Read on to find out how to configure a LMS app with TinyMCE Self-hosted combined with TinyMCE Cloud"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"LMS and self-host with a + Cloud and LMS icons floating above TinyMCE imagery","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7vHh9FqHEpbPXIR33H2xPW/78dfbe86571fd355dca27685109d5788/img-lms-cloud-self-host.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 configure LMS with TinyMCE Self-hosted and Cloud | TinyMCE"},"metaDescription":{"metaDescription":"How to configure LMS apps with TinyMCE Self-hosted combined with TinyMCE Cloud: the requirements and steps needed to get started"}},{"title":"How to build a LMS app with TinyMCE Cloud","slug":"lms-configuration","featured":false,"lastUpdated":"Jun 28th, 2022","description":{"description":"

Find out how you can make an LMS app with TinyMCE Cloud. This guide has the requirements and steps needed to get started.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how you can make an LMS app with TinyMCE Cloud. This guide has the requirements and steps needed to get started."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"the words LMS plus cloud surrounded by Learning icons, with a TinyMCE background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4lOyx4t0cz2OiE5K9TkAky/725511ab0c2e5ee96ff895f56b41557f/img-lms-cloud-only.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 configure LMS with TinyMCE Cloud | TinyMCE"},"metaDescription":{"metaDescription":"How to configure LMS apps with TinyMCE Cloud: the requirements and steps needed to get started"}},{"title":"How to automatically insert special characters in your content","slug":"insert-special-charcters-automatically","featured":false,"lastUpdated":"Jan 26th, 2023","description":{"description":"

With the new Advanced Typography plugin, you can add professional typographical symbols into your content. Here's how the plugin works.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With the new Advanced Typography plugin, you can add professional typographical symbols into your content. Here's how the plugin works."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A rich text editor with typographical symbols appearing inside it.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAgUDBAn/xAAhEAABBAEDBQAAAAAAAAAAAAABAAIDBCEFETESIqGxwf/EABoBAAICAwAAAAAAAAAAAAAAAAIDAAEEBQb/xAAZEQEBAQEBAQAAAAAAAAAAAAAAARECIRL/2gAMAwEAAhEDEQA/AM9dKqQS3GNtdQg2JcWc+ius+bnjXSm1rTNLbUe+rJMZWgdj2uz42x9R8TrfUuF7a+OFlTkvQxtGMIZF1ZjATYpMANkwD//Z","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Cv5RuANsZ1mDfIQcsis5Q/1d88d62027f034a5b42967e88296417d/insert_special_characters.jpg?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to automatically insert special characters in your app | TinyMCE"},"metaDescription":{"metaDescription":"Automatic special characters insertion can be implemented with Advanced Typography TinyMCE plugin. Follow the detailed setup process described in this article."}},{"title":"How to enable social media embedding in your app","slug":"social-media-embed","featured":false,"lastUpdated":"Aug 9th, 2023","description":{"description":"

Embedding social media adds much needed depth to content creation – discover how TinyMCE gets embedded social media content sorted with a minimal configuration.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Embedding social media adds much needed depth to content creation – discover how TinyMCE gets embedded social media content sorted with a minimal configuration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two characters share embedded content ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEWh1f+g1f+f1f+e1f+i1v+o1/2n1/6o2P6p2P6l1v6h1v+d1f+93/vv7fLw7Pr19v319fz29v339/75+P7Y6Pyc1P+Yzf93rv+/1fz24vL45vf96/r97Pz86/v/7v777vjp6e+72vaa0P+Fuv/D2fv57/bz7ffi4PT69Pz78fv76f355fbh4/Sp1Pif1P+83Pfj5ej38/L09/TT5OH9/Pv/+P7x0Oz5xdLi5P2a0/+t1fXo38nc4fPY5P/Z5f7Y5P7Y3vvb3vfF3f6e1P+o1vrF2uah1P2a1P+b1P+b1f8g+J41AAAAXUlEQVQIHQXBwQ0BYRSAwfnsntZNATrQf6ICZ3WIO4n/mQEAAIESZgYEbRXqsyAOVVXVa7DzvVRVVe8fYr9WVVU9EU63qqp6DHY4V7W2CuyYo4rc10DQaYEBAACAP+ifE+5szQpAAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6sAWwozmB1GNaWwzdXRfI4/b311846ce2c15309513a07ff97c76fdc/Embedding_Social_media_content_in_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enable social media embedding in your app | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enable social media embedding in your app using TinyMCE. Discover the benefits, popular use cases, and step-by-step instructions to embed social media content on your website."}},{"title":"How to create and manage content snippets with TinyMCE Advanced Templates","slug":"create-content-snippets","featured":false,"lastUpdated":"Jul 4th, 2023","description":{"description":"

Create content snippets, and manage them with TinyMCE's Advanced Templates plugin.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Create content snippets, and manage them with TinyMCE's Advanced Templates plugin."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Templates represented by stamps and content snippets","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA51BMVEVUkP1TkP1TkP5Sj/5Rj/5UkP5SkP5Pjv5Gi/0/iP0+iP1Aif1JjP1Qj/5RkP5Ijv9Gjf9ll/zG0/nR2/zP2vzR3PyovvhIjP6iqdt4mfBjmf/m8Pbr7OXo5+Lw9vHu4uZ4lfRIjf9Sj/1Qj/1Mjv3axKfDub9tiu7my9P8/Pr7+/r8/Pv44+CJne9MkPRWkfdOj/5slfPNvbPHu7qHleLs0tr///jN3sj6/PP19fZynfmWt9x5peVWkPpdkvhDjP5PkP2ct/jCz+2kvdbAzerF0PJpmPpjlvtbk/pFi/5Ii/5Njf9Ojv62CUakAAAAcElEQVQIHU3By20CMQAFwHmsTQ6QClaiFpTOSRXcONABKOFgmUXJ8pvxEg8xWyQm09WfoOols5+hoaCv83ChNqHmY5WnQ2lC3eTN+dgUfObNHgWnMS/jkVDb8mr4Sqbv7e631yao6IJpoBF3lT40/25xjh4lLHk6YAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6G0cceq81GJrqMrJiBVMOp/c85c003ea105245a5a13c0f9004209ed/TinyMCE_6.4__How_to_get_started_with_Advanced_templates_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create and use content snippets in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Saving and reusing content snippets get much easier with TinyMCE Advanced templates plugin. Learn how to get started with plugin and all the necessary configuration step"}},{"title":"How to create document templates with TinyMCE","slug":"create-document-templates","featured":false,"lastUpdated":"Jun 29th, 2023","description":{"description":"

Find out the new option you can activate in TinyMCE to set up and reuse document templates as you need them.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out the new option you can activate in TinyMCE to set up and reuse document templates as you need them."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The essence of document templates shown symbolically with an abstract design on a web page","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABIFBMVEUzXf8yXf8yXP8xXP8wXP8xXf8kV/8ATf8AS/8AUf8hWf8TWv8AVP8aVv8CUf8EUf8oWf9Zcv6iq/mosPyamPNOWvOHX+GloPNrgfqbo/emsPxZdvsfWf8ATv+Yovv8++v19Oz///ng3POosPfFfcDar8+4mc3hvsC2tfJ2XOxbWPYmXP8ATP+apPz////p4/Ksp+ffgpTEjsq/kr6nhcyPh+bkhaWUZ+UKWv8AT/+Tn/35+f/4+f/6+//Z3fu1u/Leu9DdzOqelOXeydTm5eTk3eOGifgUVv8qWf9AZP9ke/9hef9iev9Xcv9Pbv9efP9pg/9Cav9Xdv9of/9mf/8+Zf8rWv8cVf8YU/8ZU/8gVv8eVv8mWP8iV/8dVf8sWv8LxWc5AAAAY0lEQVQIHY3BsQrCMBRA0XuTYISi3R39Aj+7sx/j6tzZsZJnQClk8xz+JmBHkBoQESCYsuLPqwVCKpO4WzeEfHHwiALOCu7KViBODqBAmx28ycDzeq613m+HzuMSCNgRfEWDD7a5Fy/N1hIKAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7pZf6dEDCDO91M7CtHshAK/5414dfe596ed192ce6676d187f520c6d/TinyMCE_6.5__Multi-Root_Editing_.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create document templates | TinyMCE"},"metaDescription":{"metaDescription":"Dive into our guide on creating document templates. TinyMCE has new advancements ready to make document templates even more vivid and useful for you."}},{"title":"How to emulate the Medium editor for content creation apps","slug":"medium-editor","featured":false,"lastUpdated":"Oct 26th, 2022","description":{"description":"

Looking for a Medium-style editor in your applications? Get started with our open source rich text editor, easily integrated with JavaScript, React, Angular, Vue, and more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Looking for a Medium-style editor in your applications? Get started with our open source rich text editor, easily integrated with JavaScript, React, Angular, Vue, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Medium-style editor with text \"Emulate the Medium authoring experience with TinyMCE\", displaying formatting toolbar on text selection.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4nV5S3WUG5mPNrAFGv6SX2/53803cb6ed1c3e994b059844c5103e11/img-emulating-medium-editor-tinymce-0__1_.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 emulate Medium editor | TinyMCE"},"metaDescription":{"metaDescription":"Get a Medium like editor in your applications. An open source WYSIWYG text editor solution, easily integrated with JavaScript, React, Angular, and Vue."}},{"title":"Working with noneditable content in TinyMCE","slug":"tinymce-noneditable","featured":false,"lastUpdated":"May 17th, 2023","description":{"description":"

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.

","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},{"title":"Making the most of templates in TinyMCE","slug":"tinymce-templates","featured":false,"lastUpdated":"Aug 4th, 2020","description":{"description":"

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.

","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},{"title":"How to add an emoji picker to the textarea","slug":"emoji-picker","featured":false,"lastUpdated":"Oct 12th, 2022","description":{"description":"

Add an emoji picker to a textarea and input elements in your applications and HTML forms. Open source and great for React, Angular, Bootstrap, Vue, JavaScript, jQuery, and Rails.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add an emoji picker to a textarea and input elements in your applications and HTML forms. Open source and great for React, Angular, Bootstrap, Vue, JavaScript, jQuery, and Rails."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Emoji picker on a text field.","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/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAQgCBQn/xAAnEAABAwIEBQUAAAAAAAAAAAACAQMEAAUGBwgxERMUIVESInGBsf/EABoBAAICAwAAAAAAAAAAAAAAAAAFBAYBAgP/xAAhEQACAgEEAgMAAAAAAAAAAAABAgADEQQSITETIjJhgf/aAAwDAQACEQMRAD8ATfTLljZs29QuBMG4ibfcsd4mmxLCM6rTiijLhoiGm3cUq5aotVSzrFFGGfBjea7dCmUWnvIyRijBkW5xcQN3KLHHq7oT4k04aifsX9pPodRdddtbJH3J1yqEMz46RfFWLZFOTLYH3YRo9GedjPD3F1g1Ax+CRUVPqpgAPB6M59ew7ELl4uVzHlzbnPmtb8uVLcdHimy8CJUrJRE+Kgfgh5HfhjIehPFa4hP/2Q==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6Kl1ODnV7QoRLhn1kFnNkL/5491b4ccaa80dbdfed5f2531ff714504/img-emoticon-version-2.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","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 an emoji picker to the textarea in two steps | TinyMCE"},"metaDescription":{"metaDescription":"Add an emoji picker to text editor and input elements in your applications and HTML forms. Open source and great for React, Angular, Bootstrap, Vue, JavaScript, jQuery, and Rails."}},{"title":"How to integrate ChatGPT with TinyMCE using AI Assistance: a tutorial","slug":"chatgpt-integration","featured":false,"lastUpdated":"Jul 25th, 2023","description":{"description":"

ChatGPT is supposed to be helpful, and to introduce the supportive, general artifical intelligence to rich text editing, we've created an new plugin to integrate ChatGPT as an AI Assistant!

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"ChatGPT is supposed to be helpful, and to introduce the supportive, general artifical intelligence to rich text editing, we've created an new plugin to integrate ChatGPT as an AI Assistant!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to integrate ChatGPT with TInyMCE: a tutorial","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABEVBMVEX88dL98dL98tL98tP78NH57tD+89P/9NL+89L68NP17dT26sr98dH87sv05MXe09nb0Nrb0draz9nt49T678346Mnf4tbN3dvr6db+8tLx37rz6tL17932797j18iwptmqn9iuotqroNva0Njs6NLs173h4dTP3tvs6db78NDp4c7w8fT8/P75+v7b2NPo3dDU0cXT0sXi3M706tPH09Tr5tH069H+8tP169D08u7x8fDt7Ojr48727cqnw5+UvJfCz6z47c/r49Hv5M3y6NH88dH468v168/x58vy58n268z67s/37s/x6cr68M/o4dertOOosuG4vd316sz88ND678/679D57s/78NL27NL37NJZavgsAAAAcklEQVQIHVXBMQ4BUQBF0Xv//IzKiEaltgONxCaskyXYALUlKKaUDFF52j/nCBJAISAkooaZqMVf7AT89p2fgkUXYmuswMqZF5XsbEzLu0jZ23pur1R4HGxMg6nwHvRcjptLOYk3QChCBELPeiQRKLQS/iP/HxuyUCMGAAAAAElFTkSuQmCC","aspectRatio":1.7779097387173397,"src":"//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=1497&h=842&q=50&fit=scale 1497w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3LuNMWs5y90dnlIKiiPvn8/fbfb76e9fa076932dab245f4e0dc7324/How_to_integrate_chatGPT_with_TinyMCE.png?w=1497&h=842&q=50&fm=webp&fit=scale 1497w","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 integrate ChatGPT with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Integrate ChatGPT using the rich text editor in your app and use it to send prompts to help you answer questions."}},{"title":"Is the headless CMS the future of content publishing?","slug":"is-the-headless-cms-the-future-of-content-publishing","featured":false,"lastUpdated":"May 14th, 2019","description":{"description":"

There's a new trend in content management called \"headless CMS\", that decouples the authoring experience from the publishing experience. In this post we show you how to integrate TinyMCE with Contentful, a popular headless CMS.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There's a new trend in content management called \"headless CMS\", that decouples the authoring experience from the publishing experience. In this post we show you how to integrate TinyMCE with Contentful, a popular headless CMS."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A person's hand is in view holding a lightbulb up to the horizon.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAAABGdBTUEAALGPC/xhBQAACilpQ0NQaWNjAABIiZ2Wd1RT2RaHz703vVCSEIqU0GtoUgJIDb1IkS4qMQkQSsCQACI2RFRwRFGRpggyKOCAo0ORsSKKhQFRsesEGUTUcXAUG5ZJZK0Z37x5782b3x/3fmufvc/dZ+991roAkPyDBcJMWAmADKFYFOHnxYiNi2dgBwEM8AADbADgcLOzQhb4RgKZAnzYjGyZE/gXvboOIPn7KtM/jMEA/5+UuVkiMQBQmIzn8vjZXBkXyTg9V5wlt0/JmLY0Tc4wSs4iWYIyVpNz8ixbfPaZZQ858zKEPBnLc87iZfDk3CfjjTkSvoyRYBkX5wj4uTK+JmODdEmGQMZv5LEZfE42ACiS3C7mc1NkbC1jkigygi3jeQDgSMlf8NIvWMzPE8sPxc7MWi4SJKeIGSZcU4aNkxOL4c/PTeeLxcwwDjeNI+Ix2JkZWRzhcgBmz/xZFHltGbIiO9g4OTgwbS1tvijUf138m5L3dpZehH/uGUQf+MP2V36ZDQCwpmW12fqHbWkVAF3rAVC7/YfNYC8AirK+dQ59cR66fF5SxOIsZyur3NxcSwGfaykv6O/6nw5/Q198z1K+3e/lYXjzkziSdDFDXjduZnqmRMTIzuJw+Qzmn4f4Hwf+dR4WEfwkvogvlEVEy6ZMIEyWtVvIE4gFmUKGQPifmvgPw/6k2bmWidr4EdCWWAKlIRpAfh4AKCoRIAl7ZCvQ730LxkcD+c2L0ZmYnfvPgv59V7hM/sgWJH+OY0dEMrgSUc7smvxaAjQgAEVAA+pAG+gDE8AEtsARuAAP4AMCQSiIBHFgMeCCFJABRCAXFIC1oBiUgq1gJ6gGdaARNIM2cBh0gWPgNDgHLoHLYATcAVIwDp6AKfAKzEAQhIXIEBVSh3QgQ8gcsoVYkBvkAwVDEVAclAglQ0JIAhVA66BSqByqhuqhZuhb6Ch0GroADUO3oFFoEvoVegcjMAmmwVqwEWwFs2BPOAiOhBfByfAyOB8ugrfAlXADfBDuhE/Dl+ARWAo/gacRgBAROqKLMBEWwkZCkXgkCREhq5ASpAJpQNqQHqQfuYpIkafIWxQGRUUxUEyUC8ofFYXiopahVqE2o6pRB1CdqD7UVdQoagr1EU1Ga6LN0c7oAHQsOhmdiy5GV6Cb0B3os+gR9Dj6FQaDoWOMMY4Yf0wcJhWzArMZsxvTjjmFGcaMYaaxWKw61hzrig3FcrBibDG2CnsQexJ7BTuOfYMj4nRwtjhfXDxOiCvEVeBacCdwV3ATuBm8Et4Q74wPxfPwy/Fl+EZ8D34IP46fISgTjAmuhEhCKmEtoZLQRjhLuEt4QSQS9YhOxHCigLiGWEk8RDxPHCW+JVFIZiQ2KYEkIW0h7SedIt0ivSCTyUZkD3I8WUzeQm4mnyHfJ79RoCpYKgQo8BRWK9QodCpcUXimiFc0VPRUXKyYr1iheERxSPGpEl7JSImtxFFapVSjdFTphtK0MlXZRjlUOUN5s3KL8gXlRxQsxYjiQ+FRiij7KGcoY1SEqk9lU7nUddRG6lnqOA1DM6YF0FJppbRvaIO0KRWKip1KtEqeSo3KcRUpHaEb0QPo6fQy+mH6dfo7VS1VT1W+6ibVNtUrqq/V5qh5qPHVStTa1UbU3qkz1H3U09S3qXep39NAaZhphGvkauzROKvxdA5tjssc7pySOYfn3NaENc00IzRXaO7THNCc1tLW8tPK0qrSOqP1VJuu7aGdqr1D+4T2pA5Vx01HoLND56TOY4YKw5ORzqhk9DGmdDV1/XUluvW6g7ozesZ6UXqFeu169/QJ+iz9JP0d+r36UwY6BiEGBQatBrcN8YYswxTDXYb9hq+NjI1ijDYYdRk9MlYzDjDON241vmtCNnE3WWbSYHLNFGPKMk0z3W162Qw2szdLMasxGzKHzR3MBea7zYct0BZOFkKLBosbTBLTk5nDbGWOWtItgy0LLbssn1kZWMVbbbPqt/pobW+dbt1ofceGYhNoU2jTY/OrrZkt17bG9tpc8lzfuavnds99bmdux7fbY3fTnmofYr/Bvtf+g4Ojg8ihzWHS0cAx0bHW8QaLxgpjbWadd0I7eTmtdjrm9NbZwVnsfNj5FxemS5pLi8ujecbz+PMa54256rlyXOtdpW4Mt0S3vW5Sd113jnuD+wMPfQ+eR5PHhKepZ6rnQc9nXtZeIq8Or9dsZ/ZK9ilvxNvPu8R70IfiE+VT7XPfV8832bfVd8rP3m+F3yl/tH+Q/zb/GwFaAdyA5oCpQMfAlYF9QaSgBUHVQQ+CzYJFwT0hcEhgyPaQu/MN5wvnd4WC0IDQ7aH3wozDloV9H44JDwuvCX8YYRNRENG/gLpgyYKWBa8ivSLLIu9EmURJonqjFaMTopujX8d4x5THSGOtYlfGXorTiBPEdcdj46Pjm+KnF/os3LlwPME+oTjh+iLjRXmLLizWWJy++PgSxSWcJUcS0YkxiS2J7zmhnAbO9NKApbVLp7hs7i7uE54Hbwdvku/KL+dPJLkmlSc9SnZN3p48meKeUpHyVMAWVAuep/qn1qW+TgtN25/2KT0mvT0Dl5GYcVRIEaYJ+zK1M/Myh7PMs4qzpMucl+1cNiUKEjVlQ9mLsrvFNNnP1IDERLJeMprjllOT8yY3OvdInnKeMG9gudnyTcsn8n3zv16BWsFd0VugW7C2YHSl58r6VdCqpat6V+uvLlo9vsZvzYG1hLVpa38otC4sL3y5LmZdT5FW0ZqisfV+61uLFYpFxTc2uGyo24jaKNg4uGnupqpNH0t4JRdLrUsrSt9v5m6++JXNV5VffdqStGWwzKFsz1bMVuHW69vctx0oVy7PLx/bHrK9cwdjR8mOlzuX7LxQYVdRt4uwS7JLWhlc2V1lULW16n11SvVIjVdNe61m7aba17t5u6/s8djTVqdVV1r3bq9g7816v/rOBqOGin2YfTn7HjZGN/Z/zfq6uUmjqbTpw37hfumBiAN9zY7NzS2aLWWtcKukdfJgwsHL33h/093GbKtvp7eXHgKHJIcef5v47fXDQYd7j7COtH1n+F1tB7WjpBPqXN451ZXSJe2O6x4+Gni0t8elp+N7y+/3H9M9VnNc5XjZCcKJohOfTuafnD6Vderp6eTTY71Leu+ciT1zrS+8b/Bs0Nnz53zPnen37D953vX8sQvOF45eZF3suuRwqXPAfqDjB/sfOgYdBjuHHIe6Lztd7hmeN3ziivuV01e9r567FnDt0sj8keHrUddv3ki4Ib3Ju/noVvqt57dzbs/cWXMXfbfkntK9ivua9xt+NP2xXeogPT7qPTrwYMGDO2PcsSc/Zf/0frzoIflhxYTORPMj20fHJn0nLz9e+Hj8SdaTmafFPyv/XPvM5Nl3v3j8MjAVOzX+XPT806+bX6i/2P/S7mXvdNj0/VcZr2Zel7xRf3PgLett/7uYdxMzue+x7ys/mH7o+Rj08e6njE+ffgP3hPP78QcZjQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACcUlEQVQYGQXBwWrcVRjG4d97zslkJsl0mtRijWLTatSCgogI7hRX4nXoDXgN3ogr3Yk3UFyEopQiKlRtsF3ZpmAzqWYyM//zfa/Pozv372MlTgh7MB0SEgwpjAxISAASIKlIrSCLAjaCIhrYGAyJDJYAAMmAVKBAC7sIQEJQTbENgAAw2ADCWAgsSbLb5SpBQLcD0pm2QXA+9MXQZ5ujcS2AADDKIqtQ1F4qHuye7pkREZlhJ1qmT84XQ+R/w2q6NREIQFmKXVyM1WqEIlqmMx0ZzkyntDkM/Hu6vFhujceb7YWs1WCV4lQKFRW1i+XSmdiksXEWu9otczUMi8ViOhnXjJ6RKpYKCCRJav1iaTttbDmFZZQp57r3n35/8N5rNw/GY6FSSpGqVO0CFdpqubQByxYWkElmX63u/njvu6O7j3/589PPPr6xf621WkutRc1UqNA21mtlygYLCiZNdA3DrPfJb8enb9/89ujnT24dfHR4fdRaUSlSFRW1jT60iBZdmTIFy6lhUB/Gfb2EiFicnX79w8m+/OH1fUmUggRqNbNG1N5rRLGFlUnvDMP87Pl4b7JMTcPn4ps/Hk1HGzeu7CLtkNhte70qfSi9K7PYwmQSoYwPXnnx3qsHo92rJ9m39maPR6Mvl6PRXPVs/n7TOzuTNlmcE50epAEwTjLpw+HlS5+/+/rt40eT9erJ6MrxtZd/HW8/+eshl2bfb+2yjMZ6TSQRpLEBMohO70S8dXX3zdm2M4+fn38Ftx8+2EOz6fTM+Wx+2lh3MkmTxkkmmUQngkwS1abGG1c2vvhnfvT3053DW/XZ09XFqs1P/wehYKf9R4zvtgAAADh0RVh0aWNjOmNvcHlyaWdodABDb3B5cmlnaHQgKGMpIDE5OTggSGV3bGV0dC1QYWNrYXJkIENvbXBhbnn5V3k3AAAAIXRFWHRpY2M6ZGVzY3JpcHRpb24Ac1JHQiBJRUM2MTk2Ni0yLjFXrdpHAAAAJnRFWHRpY2M6bWFudWZhY3R1cmVyAElFQyBodHRwOi8vd3d3LmllYy5jaBx/AEwAAAA3dEVYdGljYzptb2RlbABJRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0JEU0ipAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3tImGpObAwIcmuTLftPU1y/450629778a6abc670e548e408861cd48/Headless_CMS.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Dylan Just","slug":"dylan-just"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null},{"title":"How to save TinyMCE content to a database","slug":"save-content-database","featured":false,"lastUpdated":"Jun 20th, 2023","description":{"description":"

Ever wondered how you can save what's in your textareas and forms? Find out how in our latest post explaining how to save content to a database.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Ever wondered how you can save what's in your textareas and forms? Find out how in our latest post explaining how to save content to a database."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The PHP element of the database represented by an elephant celebrating with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEXZx//ax//cy//Xx//ayP/byP/d0Pvm5evd0fvOxfTPvuPQteTSwvPVxP3QwvzbzP/n3/Dgz/XdyvLgy9DLuOfKuuy3tPKjrvDVw//ZyP/hzPDw0bXrxp332LDnz9/VwvfSyfDWzfPX0vnc1frczP7Yx//x1s792przzY7y1cTby//V1N3k5t77/Prw9/Th1/vZxv/r0dTr0dDo0Njnztrbyv/ZzOXf2+vw6/zr6Prf0f3Zx/7Yxv/Xxv/Zx/3Yxf+hPfr8AAAAV0lEQVQI12NgwAcYkdgsEIrpHxNIlPHPf5gCFgYmRij4xPgfLsgNE2R8yfwHKijKiAB3YCoVQbzrWhDRCxCL/oC1q0LM+AZ3iTWQd4iBwYCf4eMFBlIAAKogD0PCtkl4AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/eihtTelYKrOnMQs1CaGQn/2b80f54539e12e93587c6878776cce28/How_to_save_TinyMCE_content_to_a_database.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to save content to database | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to seamlessly save TinyMCE content to a database using PHP and SQLite. Follow our comprehensive tutorial for efficient database integration with the powerful TinyMCE editor."}},{"title":"Create a DMS app with TinyMCE Self-hosted and TinyMCE Cloud","slug":"dms-configuration-self-hosted","featured":false,"lastUpdated":"Jun 14th, 2022","description":{"description":"

Read on to find out the steps to configure a DMS app with TinyMCE Cloud. Find out the requirements and steps needed to get started.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Read on to find out the steps to configure a DMS app with TinyMCE Cloud. Find out the requirements and steps needed to get started."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"DMS with a cloud and self-host config represented by a grey button","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABJlBMVEUMEywLEisJESsIESsIESoKESsGDioAAyYAACMAACYAACQAACUAACcABCYEDSkMEiwFDikAAB4AAiUAAAoAAAgAAAkAABEAABsAABUAAAQAABMAAB8ACSgKEisoLDyusrjFyM+9wMe+wsm9wMi+wci2usGzt7+8wMdZXGUAABQAABxBRFDR1Nvh5ezEyM+9wcjY3OPi5u3d4ejm6vHk6fBucXkAAAAHDyoAAB1BRE/N0djT197S1t3X2+LW2uHe4ultcHgIDyo5PEmIi5KTlp2RlJuRlZyRlJyPk5qOkJmMj5eOkZmQk5s7PkoFDioACCgBByYAAA4WBDAAACoAABoAACAABicXGzAMEisACCkACi4ACy4ACy0DDSwIECoLEiwMEy0MEyvQKg1oAAAAkUlEQVQIHWXBPWrCYACA4fdNDMUQk624uLsLHTyAZ3Czns2jKEgX7yAiDtm06GDMZ7T+DH0eadgISE1cBUDAxLsaYk9nEAqtEl+2gRbk5adPaHRBiPreHHL//NACcj2ldn4z3RfHFIReOfRttauJYD/qLLP5Jl23G4tBAAG/uh9ax97MAg+FcaITvsf8M51ydwULtiICX7VzUQAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7EnjG375M2xIcxVlaB3lpR/b25d206a1240fd65ca08ef95a1dce7fb/Image_SBC_DMS_TinyMCEIntegration_Cloud-SelfHost.png?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 configure DMS with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"How to configure DMS apps with TinyMCE Cloud: the requirements and steps needed to get started"}},{"title":"How to create a CRM app with TinyMCE Self-hosted + Cloud","slug":"crm-configuration-cloud-self-hosted","featured":false,"lastUpdated":"Jul 27th, 2022","description":{"description":"

Read on to find out how to configure a CRM app- with TinyMCE Cloud and TinyMCE Self-hosted configurations combined!

\n

 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Read on to find out how to configure a CRM app- with TinyMCE Cloud and TinyMCE Self-hosted configurations combined!"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE background with a cloud icon, a gear icon, and the words crm cloud and self hosted","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/25S96MHH8Y63vNhNc9vpYm/810a68eff20e548e5fc31c8b369d24f0/img-tinymceCloud-selfHost-crm.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 configure CRM with TinyMCE Self-hosted and Cloud | TinyMCE"},"metaDescription":{"metaDescription":"How to configure CRM apps with TinyMCE Cloud: the requirements and steps needed to get started."}},{"title":"How to enrich Blazor TextBox with TinyMCE","slug":"enrich-blazor-textbox","featured":false,"lastUpdated":"Mar 8th, 2023","description":{"description":"

Find out how to get rich text editing in your Blazor textbox – the configurations in this article show how to fine tune the integration.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to get rich text editing in your Blazor textbox – the configurations in this article show how to fine tune the integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The blazor logo on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAsVBMVEUjNHcjNHciM3chM3ciNHcdMHYXLXUeMXYgMnYSK3QACG4YLnUWLXQADW4VLHQhMnYAH3GbnrHf4OTe4OOWma8AH3IZLnUAE29+gp708/ns6P/Wzf/d2Pd3fZsAGXAfMnYAAGyprLrn4v+1pPudgvrm4f+hpbcAAG4AFG9/hJ7p5/nSyP/19vh0epwAGXEAIXHc3eTd3uSVmbAAHnMYLXUTK3QAC24bMHUXLnUAC28UK3Tc4dJ0AAAAAXRSTlP9g+pWxwAAAG9JREFUCB0twTEOAjEMRcH3ExMQEtqSE3D/09DSIiiXDu3G2AkzEpOEO4MbQ/UitGknSYRqmlaCG6n3syYnGKktmi4rwUhX/b1JhfQ6hX4MpEL6PtrzsLTWPiQjldJuCncnSaTq5mjTTnCJScKdwX8dfB1VhkJYKgAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/qMvAEvRaX3jgorEc2eaz3/cd39960cbe9156d2f8cb3b60191e08b5/blazor.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enrich Blazor textbox with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Find out how to get rich text editing opportunities in the textbox of your Blazor app and many of its additional configurations you may need."}},{"title":"How to make your email app: Self-hosted with TinyMCE Cloud","slug":"email-editor-self-hosted-with-cloud","featured":false,"lastUpdated":"May 31st, 2022","description":{"description":"

Find out all the configuration options needed to set up an email editor running TinyMCE Self-hosted and TinyMCE cloud at the same time.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out all the configuration options needed to set up an email editor running TinyMCE Self-hosted and TinyMCE cloud at the same time."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A Blue neon envelope representing email on a backdrop of arrows","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2brxDvKQzHiScrd5XCk5Y9/1ec49dc259b9af7bb7ad27ce6bbcbd62/Image_Email_Message_Apps_SelfHost_Cloud.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 configure email editor with self host and TinyMCE cloud | TinyMCE"},"metaDescription":{"metaDescription":"All the configuration options needed to set up an email editor running TinyMCE Self-hosted and TinyMCE cloud."}},{"title":"How to create an email app with TinyMCE Cloud","slug":"cloud-hosted-email-editor","featured":false,"lastUpdated":"May 30th, 2022","description":{"description":"

How to configure an email editor with TinyMCE Cloud: find out what the requirements are and the steps needed to get started.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"How to configure an email editor with TinyMCE Cloud: find out what the requirements are and the steps needed to get started."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A neon envelop floats over arrows in green and blue colouring","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/257LFURLmnlpraoPAa9Jz8/0ab10e7b8877875f3836b81e1852ce05/Image_Email_Message_Apps_Cloud.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 create an email app with TinyMCE Cloud | TinyMCE"},"metaDescription":{"metaDescription":"How to configure an email editor with TinyMCE Cloud: the requirements and steps needed to get started."}},{"title":"How to write alt text for different image types {infographic}","slug":"how-to-write-alt-text-infographic","featured":false,"lastUpdated":"Feb 9th, 2020","description":{"description":"

How do you write image alt text for images? It depends on the image type and context. Check out this infographic to help you get your image description right.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"How do you write image alt text for images? It depends on the image type and context. Check out this infographic to help you get your image description right."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A person looks up at a white wall covered in different images, diagrams, and notes that have been drawn and printed out on paper.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5005861664712778,"src":"//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=1280&h=853&q=50&fit=scale 1280w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2fgId5ttYaAR2DLbMF1lvG/d87547440f7e68a18b551cae4f0255e1/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286.jpg?w=1280&h=853&q=50&fm=webp&fit=scale 1280w","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":"Infographic: How to write image alt text"},"metaDescription":{"metaDescription":"How do you write image alt text for images? It depends on the image type and context. Check out this infographic to help you get your image description right."}},{"title":"How to add line numbers to a textarea","slug":"textarea-line-numbers","featured":false,"lastUpdated":"Aug 15th, 2023","description":{"description":"

Are line numbers useful in a textarea, or do they just get in your way? Find out whether they're right for you and your app in our new guide on textarea line numbers.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Are line numbers useful in a textarea, or do they just get in your way? Find out whether they're right for you and your app in our new guide on textarea line numbers."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Numbers from a cloud are appearing in a text editor, representing the idea of line numbers in a textarea","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEX/xjr/xjr/xjn/xjj/xjf/xjL/xSr/xBv/xSH/xjP/xjv+xjf+xTP/xTT+yl/904v51Zf+xjj/xzr/x0P7xiv2zG346Nb69vH6/P738uz0uYb/wUryzEvyykz/xzb1vVf4xWvz8Oj5/v/8///9/f/5qbD6vGPj0Frkz1z/x0T/xzTwumX0vVz25sn27+z64OP7zND7oKPpvXLxyD7/xzz/x0H/xzP/xi38yl/8w2L9uln+ulL+vFr5xVDzyED/yEf/x0L/xi7/xy7/xy//xzL/xzhWlXUTAAAAAXRSTlP+GuMHfQAAAF1JREFUCNd1z7ENgDAMRNH7iCKBbMAatIzOHmwBVYDKFCEBFHGFLT2dZBlUp00LCZnsjTQAnMLtGfEA4Dd8hXRELCEDJWHNzfAg+ZAt4xfv2UyxB2anwzKqvGD6ywVITRCN1U8UQQAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/dGIQbF9zqVvKhNzqnu9mW/9bc8cfef046c2278c77a8a4785f953b0/How_to_add_line_numbers_to_a_textarea.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add line numbers to the textarea | TinyMCE"},"metaDescription":{"metaDescription":"This article provides step-by-step instructions for enabling textarea line numbering in TInyMCE and offers tips for customizing the line number counter to enhance your text editing experience"}},{"title":"How to set up a TinyMCE textarea with autoresize","slug":"textarea-autoresize","featured":false,"lastUpdated":"Oct 26th, 2023","description":{"description":"

Find out how to configure it with the TinyMCE Autoresize plugin, how to set up textarea height, or make textarea non-resizable.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to configure it with the TinyMCE Autoresize plugin, how to set up textarea height, or make textarea non-resizable."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The image resize event shown with dimensions and handlebars ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAArlBMVEX+k57/k57+kp3/lJ/+lqD5maH+lqH+kZz7j5r9k53/jpn/jJj9jZr/kp3+l6H5mqL9mKL7lZ/oqqnr09rqytj0vL/3rK39laD/l6L/k5/kraunz7vVwrrS5/ep5vjJ6M7z4sD2nqj8lp//lqH/kp77l6Dwmp71tLnN4+u75+a85uzu09j6jpn9k57/l6H/laD/mKP8paz0r7XuwMj3tb3+jpr+lJ//kJv/jpr/kZzjrOioAAAAWElEQVQIHQXBsRUBURRAwbn8wLGb60Gi/x5EyDWx4mcGQAAIAhjghDBBgXCuqqrDYMG1qqoDhG5VVfU1LMxWVVVgwfabvaqeBgsub/Z7r8cHCBBgAAAK8AdTGg/72oz7iAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/vPvqNzBNmpIM7UiVo7vTD/20c701b305b2d70504063617ac77aea0/Image_Resize_and_handling_in_TinyMCE__previously__6.6_-_Release__What-s_new__.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to set up textarea autoresize | TinyMCE"},"metaDescription":{"metaDescription":"Discover all about textarea autoresizing: how to configure it with TinyMCE Autoresize plugin, how set up textarea height or make textarea non-resizable"}},{"title":"How to create a multilingual CMS with TinyMCE","slug":"multilingual-cms","featured":false,"lastUpdated":"Oct 10th, 2023","description":{"description":"

Multilingual content needs a flexible CMS in order to deliver it. Find out how to enhance a CMS, and make it more flexible with the following step-by-step guide on building a multilingual CMS with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Multilingual content needs a flexible CMS in order to deliver it. Find out how to enhance a CMS, and make it more flexible with the following step-by-step guide on building a multilingual CMS with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A globe with content and other communication icons wrapped around it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEVw2/9v3P9u3P9v2/902v572Ptr3P9r2f9s2v9s2/9p3P9s3P9r3f+jyefIssiC2val3vyR3PZ32fir1tKO2e1t3P971fmVz+ev4eex4N+P4sKJ3sze0n6t2NRq3P9v2v5s2f6N3PGy5OCO4sKZ4syQ4dB/1/Bz2v112/2J2vF52u213+md4MvS2tre3+az0+xw3P9y3P5x2v+qxfuy1/Hi1uLu4+bO1Odu2/921f9y2f+F3v6K3v6D3f5r2/9q2/9kV0tBAAAAYklEQVQI12NgwA0YmRgZGRiYYTwwyQQUA4MffxGCPIww8BrEZQELfhWFCTL/hQvKwcRu/QebBhbkhIJH+kgWGcBUnvyPMPMCozlY7DcTku1AmpHBhvHUr78MyIIMYKdDxBgA9jARjUCTVGUAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EcBfNZgPhw8M62EFjuY9w/a34aa6e82488095847d519a5eae5d511/TinyMCE_-_How_to_create_a_multilingual_CMS_with_TInyMCE_D1-01.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create a multilingual CMS | TinyMCE"},"metaDescription":{"metaDescription":"Uncover the essentials of multilingual content and CMS. Dive into a step-by-step guide on building a multilingual CMS with TinyMCE and explore best localization practices."}},{"title":"How to get and set textarea values with JavaScript","slug":"textarea-javascript-value","featured":false,"lastUpdated":"Oct 5th, 2023","description":{"description":"

JavaScript can set text area values quickly and dynamically. Discover the correct JavaScript methods to use when setting the TinyMCE text area contents.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"JavaScript can set text area values quickly and dynamically. Discover the correct JavaScript methods to use when setting the TinyMCE text area contents."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"images representing javascript and numbers around the rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7833333333333334,"src":"//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=739&h=414&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1926&h=1080&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=739&h=414&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4IVzxBAQGLCegTCvwqBpSr/ec866cf7e42753fb7d7f9995307dacd2/Design_1.jpg?w=1926&h=1080&q=50&fm=webp&fit=scale 1926w","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 get and set textarea value in Javascript | TinyMCE"},"metaDescription":{"metaDescription":"Dive into the essentials of working with textarea value in JavaScript: discover how to get and set textarea values, best practices for updating content and more"}},{"title":"How to add autocomplete in your app with TinyMCE","slug":"how-to-configure-the-autocompleter-api-card-menu-items","featured":false,"lastUpdated":"Sep 27th, 2023","description":{"description":"

This tutorial explains the autocomplete function for the TinyMCE rich text editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This tutorial explains the autocomplete function for the TinyMCE rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A computer with a text editor with the useful slash and at symbols around the screen","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3w8jBKVAW8o70ARUboipN/1f1e99da18b30f6abed72c0293e0c499/TinyMCE-Blog-Header-Autocompleter__Option_2___0_.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to implement autocomplete feature in the textarea of your app | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to implement the autocomplete feature in the textarea of your app. Understand how to integrate it with a rich text editor for an enhanced user experience."}},{"title":"Keyboard shortcuts: creating, changing, customizing in TinyMCE","slug":"how-to-change-keyboard-shortcut","featured":false,"lastUpdated":"Sep 28th, 2023","description":{"description":"

This demo shows how to change keyboard shortcuts in TinyMCE with the TinyMCE API addShortcut, and what keyboard shortcut examples you can use.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This demo shows how to change keyboard shortcuts in TinyMCE with the TinyMCE API addShortcut, and what keyboard shortcut examples you can use."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A computer laptop is open with keyboard shortcuts displayed on the screen","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2tia0ibP6gTeQbkt3MJNMf/87711e352fa0261868d52325b503ea74/TinyMCE-02.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Keyboard shortcuts: creating, changing, customizing | TinyMCE"},"metaDescription":{"metaDescription":"Master the art of efficiency with our guide on TinyMCE keyboard shortcuts. Learn how to create, change, customize, and debug shortcuts. Enhance your editing workflow with these essential tips."}},{"title":"How to make glitch text effects in TinyMCE","slug":"css-glitch-effect","featured":false,"lastUpdated":"Aug 24th, 2023","description":{"description":"

Glitch text isn't always a bad thing – find out how you can add a glitched text effect using TinyMCE and CSS.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Glitch text isn't always a bad thing – find out how you can add a glitched text effect using TinyMCE and CSS."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A robot struggles with the effects of a glitch","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAAAnFBMVEX+dYP/dYP+doP/dYL/c37/cnz/c3//dIP/eIX/gIn/eYb/eoX+go3zjafmkrzvhqL+eYH+eYP/eYLsipvMvvDAsPPWlLr4nXX6l37+c4P/eYX/fYfqlqPhz9vw3+TipqvvnZn8fYT/c4P/f4n2gZTyjZ7nvMLfyMvrkpvwhpn4eo//dIL+dIP+coHxfJXwfZn6d43/coD/c4D/dIEhG/u0AAAAWklEQVQIHQXBIRLCQAAAsWx7Ax0cGoWF/38DiUbyBKaiRwIAAAIImLACC8uyrsfpgAG2quqSfTIAzlW1fTHAb7tWVcEA2+1zr6ogIM+q9rdJgDzOejERQGCCP/p+DnqZRoDqAAAAAElFTkSuQmCC","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/24INrDPVd9Lr1C9wbNq5Ry/d6570c28e0ce44cb501904d38c5bd52d/TinyMCE-01.png?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","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":"Master the CSS glitch effect: a DIY guide | TinyMCE"},"metaDescription":{"metaDescription":"This article guides on creating glitch text effect in TinyMCE using CSS properties like animation and text-shadow. Glitch effects include color, scanline, and position distortions. "}},{"title":"Textarea onchange events and TinyMCE","slug":"textarea-onchange","featured":false,"lastUpdated":"Aug 22nd, 2023","description":{"description":"

The onchange event is important to understand – find out how TinyMCE provides easier onchange event management.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The onchange event is important to understand – find out how TinyMCE provides easier onchange event management."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The on change event represented by javascript in a text editor on a laptop","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bD1uMzeqVpnPqBbAxq9IP/550a39adb2b99397d3e4d6437325625c/Blog-Header-Q3-Technical-23_v.jpg?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","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":"Textarea on change events | TinyMCE"},"metaDescription":{"metaDescription":"Explore the integration of textarea onchange events with TinyMCE. This article delves into the importance of handling changes in textareas, the role of JavaScript, and how TinyMCE provides rich text editing and event management."}},{"title":"Accessible keyboard navigation","slug":"navigate-tinymce-with-just-a-keyboard","featured":false,"lastUpdated":"Sep 14th, 2023","description":{"description":"

In this article, we take you through some tip and tricks to navigate our WYSIWYG editor by only using keyboard shortcuts. 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this article, we take you through some tip and tricks to navigate our WYSIWYG editor by only using keyboard shortcuts. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A map of menu items being transferred into a keyboard, representing what's possible with keyboard navigation","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1MFBvkSqAvGoSYzUG4KrGy/3edba957a07a6a18f6ff0429edbc459b/How_to_navigate_TinyMCE_with_just_a_keyboard-01.jpg?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","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":"Accessible keyboard navigation | TinyMCE"},"metaDescription":{"metaDescription":"Delve into the significance of keyboard navigation for accessibility, understand keyboard focus, and master navigating TinyMCE using just your keyboard"}},{"title":"How to create gold and silver text effects in TinyMCE","slug":"gold-silver-text-effects","featured":false,"lastUpdated":"Jun 8th, 2023","description":{"description":"

This tutorial shows you how to make your words shine with gold and silver text effects in TinyMCE

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This tutorial shows you how to make your words shine with gold and silver text effects in TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"gold and silver color symbols and targets representing the gold text designs in TinyMCE.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAw1BMVEX/vZ7/vJz/vJv/vZ3+u5z+upn4xrH2zr//vJ3+vJ34uJn5uZr+vZ7/vp76t5fuuaPb1dXh39v4y7X/upn8wKT+xav9xKr9xav9xq39xq7/v6L9w6vlz8Dfxpnr0Z3y2MH7zbv71cT92cn92sr92cr6ybP/yrL/waP5ybXu3tDuwpD1xaX7w6r36ePs6N7t593u6d/s7ezqxLT/y7L/wKP/vp/8xKz/v6P5vqTwwKryxLDyxK/yw6/5xKz/ybD/wKL/vqBMVL86AAAATklEQVQI12NgIBEwMjEj8cBsFmYg+M/xh4vtN88vkBIg5mVEBs+AioCC3ySQBZn/ggVRlTJAVP4FCp5kNkUIMkKs+wvCpjc0GLgPkORqAHg4DYOKuXDKAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4m6SYWXFpWrsUI5GReiHe3/1e78172ef10a5008506678918d300837/How_to_create_gold_and_silver_text_effects_in_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create gold and silver text effects in your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create stunning gold and silver text effects in TinyMCE with our step-by-step guide. From elegant typography to eye-catching headings, this tutorial will show you how to make your words shine like precious metals."}},{"title":"How to create fillable documents with TinyMCE","slug":"create-fillable-document","featured":false,"lastUpdated":"Sep 21st, 2023","description":{"description":"

Fillable documents and forms are important for information gathering, and TinyMCE provides flexible support for a variety of different form and fillable document styles. Read on to find out more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Fillable documents and forms are important for information gathering, and TinyMCE provides flexible support for a variety of different form and fillable document styles. Read on to find out more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A collection of icons showing the tutorial steps in symbolic form.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEXGuf/Huv/Iuv/GuP/Ftv7Gt//Huf/HuP/EvfrEvfnHuf7Ft/vCtPnEtvvEtvzJvvXi4/LRzu3AsvfEtvrFuP/Bs/zA0OzE0e3Bs/vDtvzGufzJvvjNw/nIuv7Pyevn9OjW2eS0p+m5rO3Huf3Guv/KufTnu5LdvsWypvKGddq0q/DGw/vc2PHIv/DJuv/Et/rFuOy/ruTFt/7Ju//NuezzvjTnvqC6rvuwmeW5weu4ze7Du/O5q+7KvP/Iu//WrObnn8LIuf/EseW5quO4quzrwdDYsMy1qe2ypea8ru/Ku/+3suKiqrfFuf/DtvvPwvTGtey2tu2fs9QtHq0dAAAAbklEQVQIHY3BIQoCQRiA0e+T8U+CwSM41SAYRfAAntVuNwtm8QpbTKszK8siuFh8j78JyqCbaIGKxGuqJfnRpFZcOHbvJDt2SW3itvFbARL5unXwmOlpBQi7uWg9N+vn0qNUeqGHrBCxD35E0HsDVAEXJAVAh2cAAAAASUVORK5CYII=","aspectRatio":1.7794994040524434,"src":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fit=scale 1493w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6tXzUshbNOMwlM4gj48pzm/115be76b8546f223116dbfcf372eb3a7/LMS_Tutorial_Tiny.png?w=1493&h=839&q=50&fm=webp&fit=scale 1493w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create a fillable document in your app | TinyMCE"},"metaDescription":{"metaDescription":"Unlock the power of fillable documents in your app. Dive into our comprehensive guide on creating editable templates with TinyMCE."}},{"title":"How to create a table of contents in HTML with TinyMCE","slug":"html-table-of-contents","featured":false,"lastUpdated":"Sep 20th, 2023","description":{"description":"

Solve your table of contents design puzzle with our new guide on setting up a table of contents in TinyMCE, and managing tables of contents in HTML

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Solve your table of contents design puzzle with our new guide on setting up a table of contents in TinyMCE, and managing tables of contents in HTML"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Roman numerals represent the table of contents, with the word HTML nearby to link HTML and table of contents together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAEFBgf/xAAfEAACAQQDAQEAAAAAAAAAAAABAgMABREhBAYxEhP/xAAXAQEBAQEAAAAAAAAAAAAAAAAABQcE/8QAHBEAAgIDAQEAAAAAAAAAAAAAAAEDEQIEEnEF/9oADAMBAAIRAxEAPwDfLXbmufJESyxQjRZ5pFQBcgE7Iyd+VrU0qhx6avxWY/BC58uU0vXRPd56lbuqcniQcK6m6vNH+rOqp8KMkAZVjvXlcOjty7ayykj5S9sofQ04dN44xydN+UVWqhHDGaAQUL4MUFUOgP/Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=2217&h=1244&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=3850&h=2160&q=50&fit=scale 3850w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=2217&h=1244&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2uJaB2xfzNt6wGiHPbCX8Z/a36fd794b9bba9df20f0f3d1a7003f75/img-html-toc-0.jpg?w=3850&h=2160&q=50&fm=webp&fit=scale 3850w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create a table of contents in HTML | TinyMCE"},"metaDescription":{"metaDescription":"Understand how to create HTML table of contents and dive deeper into automating the process with TinyMCE."}},{"title":"How to migrate from TinyMCE 4 to TinyMCE 5","slug":"how-to-migrate-from-tinymce-4-to-tinymce-5","featured":false,"lastUpdated":"Aug 17th, 2020","description":{"description":"

To assist you with the process of migrating from TinyMCE 4 to TinyMCE 5, we’ve put together a 4-stage step-by-step process that will help with the bulk of most migrations.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To assist you with the process of migrating from TinyMCE 4 to TinyMCE 5, we’ve put together a 4-stage step-by-step process that will help with the bulk of most migrations."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"TinyMCE\" with an arrow pointing from a 4 to 5.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAC61BMVEUIG0wIG0sMH08SJVUTJlYNIFAIHEwNH04JHEwHG0sGGksLH04RJFMRJVQMHk0JG0oIG0oCGEkABEUADkgDHlAAHE8ACUgAAEMAB0UDGEkMH00TJVIJG0kIG0kEGUgAFEdPU2lBSGMAAEcYJk9BRl9GSmJMUGZCR2AADEUCGEgHGkgLHksPIU4LHUoJG0gJGkcDFEWUlJ6trrWgoqqnqa/Excm5ur+oqa+en6cAADcAAEAAEEYKHksJG0YJGkYJF0ULAEEAAD5EUGZjZHR7e4eAgoxnanhkZnVqbHplZ3YACEEcIEkUHEkGGEUPIEoJGkQJGEMOC0ERADIGrbMA6OoAeoQAACIAADgAADUAAB13eITm5ebo6ers7e+0xsoIGEYRIUoJGUIOFUIRAC0Pe4YA+voA//8Dj5cEACEDCT4ACz4AACCTkpn///+38PCg5eZ3xMcADkEJGEQQIEcJGUANGUIRADkRNFAF4OID2doA+PgHi5MKAAUJJkYAH0MAABKYlp3n8PHKztBXYG8AACwFGEIPH0UOHEEQF0AIur0A8fIHk5oA9/gGoKUJCDoIW2kAbXgAACtlho6n6Omv6On4///T1NYAADQADz0LGkASH0EREzwMHD4C3+EA+vsB8PAB7+8HgooAi5MAVGN4fYWNnKEAETvV2Nrl9vcASFoAADMGFDoPHD0NFDkKADIIX2oIanMHj5QA/PwFqq4JLkYKYGwBcnuyur3q6On6//+o5OUAJEAAADEHFDgKFzcJFDYLDTQKACUJAAYJJT4GlpsITloMABsMLUMEJj4AAB8ZTFqRzc+x7u6E2dsAdX0AABkEDTMIFTYIFTMIFDMKEzMJDjEIACkJAA4LACgMEDMIDDAIDjEFDzMAACQAJz4AAA8BAy4IEzMIFDAJFDEJEjAKEjALFDEIEzAMFzMMFjMJEjEEBi4AACcAACkECy0IEi8IEi0LFS8IEy0MFjAMFS8JEi0HDysHDywIES0vj1k8AAAAmElEQVQYGQXBPS4EAQCA0e/JWBvNxsxSiETnAjpXcCFXcBe1UqtzAZ1G4SdINiZZyXpPVRXY1oKZqpawWe7mOlhkVQLEbx1yVgAAhrF4PQXAT8MqHAHg89wwBgDYjIYxAMDEMAHAxwSGyfMFgAkYJms8Xr2dAOAOgKfL+2vgAQAAwzoAvB/f3PLtpQJ/+4B566tKuz0F5voHZsodMuyQ2pUAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5V2qCg5MWUOG2PpAmLkpjq/e9be124587757c26bbb73a81cd23f9ba/Image_default_migrating-tiny4-5.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":null,"metaDescription":null},{"title":"How to easily add accordion components to your content","slug":"add-accordion-component","featured":false,"lastUpdated":"Jul 11th, 2023","description":{"description":"

Learn how to effortlessly add, customize, and create stunning accordion panels to elevate your content.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to effortlessly add, customize, and create stunning accordion panels to elevate your content."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An accordion design component depicted with shapes around it showing its design potential.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAtFBMVEX/xwD/xwD/yAD/yQD/xgD/xQD6yTv/xwb/yBb3u1f8x0n82JP82Jf915HxznG03c3pzn35v1DMasnruafy8vTt7Pvy7/3x7vzx7v339Pn80nj4ykf9yTb/xh3zsmj6zYHy8fXn4/Xp4vTr5fbx6/728vn/0XD4xgD4yBvo0E/f007/03H18Pfu6vrw7fv29Pn72HH00QD5yCD/xwHvzULozkr/yjb815P815T8zjX9zwD/xw5nK14EAAAAAXRSTlP+GuMHfQAAAFJJREFUCNdjYMACGBmxCLJAZP4xgyX/sDL+ggoysjEygnWAKLggJyMCfIQK/udBEoRbpAHhvhIHUeegFnED2VeBtAKQPobkJLAkw/+/uN2JFQAAXwMMDmYTBUwAAAAASUVORK5CYII=","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/59GnNgmTGtPOOcWEiWznkD/21565d85b7bf80e9089eb3ff6374266c/TinyMCE_6.5_Accordions_plugin_how-to.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to easily add accordion components to your content | TinyMCE"},"metaDescription":{"metaDescription":"Discover the power of accordion components in TinyMCE. Learn how to effortlessly add, customize, and create stunning accordion panels. Elevate your content with this comprehensive tutorial."}},{"title":"How to change CSS dynamically in TinyMCE","slug":"change-css-dynamically","featured":false,"lastUpdated":"May 23rd, 2023","description":{"description":"

Creating more interactive and responsive websites is important. Read on to find out how to change CSS dynamically with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Creating more interactive and responsive websites is important. Read on to find out how to change CSS dynamically with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The process of dynamic CSS set up represented by control symbols, and text changing color in the editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEWTgf+TgP+SgP+Tgf+TgP+Sf/+Pev+Nev+Rfv+SgP+Xif2+wvDSyvugkv6QfP+Qff+Rff+Tf/+hmfvm6t7w6umpo/uNdv+xtPHSy9zWzPLZ0Pfc0vna0vjGzfCilv2ei//VzPzCxfSYjfyNd//Y1vr8+/j6+Pz7+f3//v7///35/Pqxp/+Oev+UgP99nO50q+aGifiSfP+rn/3o5vj4+Pr19fn39/r///7///+zqf+Nef+DmvF/qeqLi/m4r/vk4+np6efn5+br6+v5+fn//v+zqP+Ugf+Vf/+Uff+PfP+ilP2tov6sof6soP6vpP+wpf+ZiP+Oe/+Rf//OsN+fAAAAA3RSTlP+/v6VFoksAAAAc0lEQVQIHW3BMQrCMABA0f+TtIO07noA8RwFD+xpOugqzkpF0GJNELGD7/GPkUwmZhJZMIMRSM8JEhAqs3tcgI7VAyO0wZnLgBHC2rmeBGz9QSGRtTo0FrfGMyRgpad+Z9HgEYx81HV3YMl1swf5UooX8AYCWhRulkVvGwAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/12Mx95llg9kKrMvSE70pL0/4778185854301eea644e68b7b7acb1d6/How_to_change_CSS_dynamically_in_TinyMCE.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to dynamically change CSS with JavaScript | TinyMCE"},"metaDescription":{"metaDescription":"Gain insights on setting up dynamic CSS changes, refining these changes, and understand the benefits of using TinyMCE APIs for this purpose. Start your journey towards creating more interactive and responsive websites now!"}},{"title":"jQuery serialize and TinyMCE: Handling WYSIWYG editor forms","slug":"jquery-serialize","featured":false,"lastUpdated":"Jun 14th, 2023","description":{"description":"

Forms are everywhere, and handling form data is important. In this guide, learn how to use jQuery to serialize form data with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Forms are everywhere, and handling form data is important. In this guide, learn how to use jQuery to serialize form data with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content being serialized and being moved around in a text editor ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAw1BMVEWzqe+zqe+zqfCyqe+ypO+zou+yqfC1quyyqPCxp+/TwfLhyvXTwPKyqO+yqfGzqPC2re22sOKzo+mwpu3k4/D3+PL2+PLk4+i1qeW4pOW4puezqfHSz+Kvz8qyo+CwpOfn5vL///7q9fG65sytruq1qNW0qtqzqfKyqPHJvtKytNKwqPCxpu7l5fH9/fzu7f3g5enQzuqyrNOwqdu0qfGlm+DT0eXz8vzy8fvOzNqrpdOrn92soOG0qvGxpu2wpuyvpe7dZBhPAAAAAXRSTlP+GuMHfQAAAGBJREFUCB0FwTENwgAUQMF7TdMJFjYEMOIA9SSoQEANdCKEzx0AACjIWPwAClGZ5WugaLYq1WFQOldVVe3DCqeqqgpWXKuqqgNKzm5VVb2GIjx6utzfu0GB2HxgUAAA+ANxWRNIfngb2gAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7nBHPEj0z8okYN9V9ApaKY/61818dfd6b49b84e4d90fb34fd4c6f87/jQuery_serialize_and_TinyMCE__Handling_WYSIWYG_editor_forms.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"jQuery serialize and TinyMCE: handling form data in WYSIWYG editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to use jQuery serialize for form data serialization in TinyMCE. This guide provides a step-by-step process for effective implementation in your application."}},{"title":"How to enrich an Angular textarea with TinyMCE","slug":"enrich-angular-textarea","featured":false,"lastUpdated":"Jun 21st, 2023","description":{"description":"

Enrich your Angular app with the TinyMCE rich text editor – read on to discover the steps to integrate TinyMCE with Angular.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enrich your Angular app with the TinyMCE rich text editor – read on to discover the steps to integrate TinyMCE with Angular."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Angular logo with a rocket showing the power of enhancing TinyMCE with Angular","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA9lBMVEVA1Mc/1Mc+1Mcy1Mcj08Yw1MY31cg41cg+1cg/1cg61cgu18k11slA1ccz1Md72M265t9029FGzsFcx7s51shQz8OSuK5yxLg51chB1Mcr1cm6xZro1LW95uPf3Nq5qqNH1cg218p7v7PyjpG5pJ4q1cc21choz7qJxK7izMj69PTs9fLN7+lc2ctI08Oft6t2yLtg2s5V1so61MdN2M6t38vRy7OZvL+FtM+Fs85MqsRFq8U+rMY+xsZj2c1X1spD1cl43NFl2s0syMM4ssNCs8RJtMVLtMVLs8VCyMY+1sc91Mc71Mc81sg918c+18c/18dA1schhQ2wAAAAXElEQVQIHXXBsRWBMQAGwPu8qOQ3gN4aJtdZwAJqA6T1RNJ4KbjzSxDRdUE3hCxe+4aCmqkdMzUUUjNtmR6GkHMW9zcFWxYdwe6Sr1tDQT/keUpIrs0QQ1ANzX8fI1ER+FtBk2gAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4zEopKhEKsgVqNVKofV8oh/02bc2185bd8215723ab1016aae648c5d/How_to_enrich_an_Angular_textarea_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enrich Angular textarea with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enrich Angular textarea with TinyMCE for a better application experience, covering creation, enhancement, resizing and more."}},{"title":"How to automatically check for spelling errors with a spell check API","slug":"spell-check-api","featured":false,"lastUpdated":"Jun 27th, 2023","description":{"description":"

Automatically check for spelling errors with TinyMCE by enlisting the Spell Checker API methods. Find out how they work.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Automatically check for spelling errors with TinyMCE by enlisting the Spell Checker API methods. Find out how they work."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Eyes in binoculars checking a document for spelling errors","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAyVBMVEWh1f+h1v+g1f+f1f+e1f+i1/+h1/+j1/+i1f+l0/qn0/mq1fmzy+XP08i81+Wf1v+1vOLcqcypvNmlt9WXw+Ks1fbs6O3x5eb19vnS2tnn1YvO2c+g1v+wyO/QsNSfvNaTtdKQwNuv1vf59/fx8e7z9fPE2/Cp0+ml1vSg1/+w3P/M4PPN4fTL3/PD3vf6+vr6+PX8+fbA2++Y0eee1fmi1v+u2f3C2e/B2O6x1fTK5P3R5/zX6fuz2Pmf1f2j1v+d1f+c1P+b0//GAwJoAAAAUklEQVQIHZXBsQ2CQAAF0PfJJVQ6hwNYwvKEjj3cAAqTC4I2V+J7LotDnBKyVwQpkXefr7VScE9jRcEtjReCPNJYKHhKIj8b4tR1g3nMPlX/+QCcsA1TqCwD4wAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4YLAoLuid63C0HMKjuz9zr/aec043fdfe575043de7536952b8fbd72/How_to_automatically_check_for_spelling_errors_with_a_spell_check_API.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to automatically check for spelling errors with Spell Check API | TinyMCE"},"metaDescription":{"metaDescription":"Looking for a way to automatically check for spelling errors before saving the content? Learn how to integrate TinyMCE's Spell Checker API to enhance your content creation experience."}},{"title":"How to create 3D text effects in your rich text editor","slug":"create-3d-text-effects","featured":false,"lastUpdated":"May 31st, 2023","description":{"description":"

With a few CSS properties, you can add 3D text in the TinyMCE rich text editor. It's easy to set up with TinyMCE's configuration options.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With a few CSS properties, you can add 3D text in the TinyMCE rich text editor. It's easy to set up with TinyMCE's configuration options."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"the number 3 and letter D presented in isometric view showing one kind of 3D effect","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABC1BMVEVS7vpR7vpQ7vpS7vpS7vtS7/tR7/tN7/xL7/xQ7/tO7/xT7/tt6/J/6epJ8P1J7/xa7PdG8f5P8P2F2/JX7fph6vhW7/pG8P2a4Nzfwoxt6fBl6vOi1s3WvI6V3dli7PU78P2B0eyVveKIzOha7/pl6vV64ehO6vSV29zkrnj5ngDkqmfLzLKO8fte7vpa5PRX7Pla8PtN8P1O5vBfxbtW2dps5/DHxbPyvprmysXY3erQ7fSg9PtX7/tV7/tR7vtP3OJM0dRB8P1j6vbV4+bm6/Pn6/L6+fvk6Olt3uha8PxS8P1R8PxQ7/xH7vtR5vKC8PqF8vyH8/xm5vFI6/dN7/tG7/tE7vtL7/s8mLyZAAAAA3RSTlP+/v6VFoksAAAAdElEQVQIHW3BQQ7BQBiA0e/rTKOJROxdwQmcwWWtrCXuQ9gQnfmNRKUL7/GPCTFoojOoNBk6tSTHsK+MFcho72vQhbdBvRbIdGu/VjYXIFPvG2doTKStc2cwoe78OT0gQxhLJ8cnYAI6IO8VD6UAMlGI4OMNVHMdGg+Z4wAAAAAASUVORK5CYII=","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aQYl1FK1kXRMIIzf53tmq/03d594b42f922a78fe5f041a7cea716f/How_to_create_3D_text_effects_in_your_rich_text_editor.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create 3D text effects in your rich text editor| TinyMCE"},"metaDescription":{"metaDescription":"Want to add depth to your text? Learn how to create 3D text effects in your rich text editor with our easy-to-follow guide. Elevate your typography now!"}},{"title":"TinyMCE support for Vue 3","slug":"tinymce-vue-3-support","featured":false,"lastUpdated":"Nov 16th, 2020","description":{"description":"

Our TinyMCE Vue integration now supports Vue 3. Get an instance of TinyMCE up and running within the Vue 3 framework using our official TinyMCE Vue.js component.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Our TinyMCE Vue integration now supports Vue 3. Get an instance of TinyMCE up and running within the Vue 3 framework using our official TinyMCE Vue.js component."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Vue logo sitting within a number 3.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAB6VBMVEUIG0wHG0wIHEsIG0sEGUsAF0oAFUkJG0oIG0oBGEkAAEMAADMAACwAACsAACoAAEQCGEkJG0kGGkk/RF6goamkpayjpKuio6qeoKc6QFsJG0gJG0cGGUcAADpwcn/////+/f5kZ3YAADwGGUYIGEIIGUMJGUQIGUQGGEQAAD0zNFGKiJOKipOQkJjp6erDwscAAD4GFkIIGEMIGEEATEoAgV0AFjCrq7Hq6uystrYzi20AQUIHFT8IFz8JGUMIGEAIFz4JGEAIFj4FBj4OOEU5rHsqknCOkJqHiZUAhl5OsYQLNUQAADkFFT4JGUEIGD8JGUAKGUEFEz8AADgTalc5s38jYF4CWlhFt4Ta6+GLiJIAACgBFD8KGUAKGT4JGT4ACjoAADUvMEwAk2QAnGwAl2Wp2b61tboAABQAEjwJGD4JGDwEFTsAACl0dX7n5ejDzcmk1Lq23cf4/vqUlZsAABcAEjoJFzkEFDgAACGPkJX39/fBwcQNGToAAC4JFjcJFjYGFDYABDEAACdNT1yJiY+goaWam59tbnYAACIAACYADzQIFTYIFTQIFTMEEjIABC4AAB8AAAAAABEADzEHFDMIFDEIFDAIEzAGEjADEC8ADi4ADC0ADC4BDy8FEi8IEy0IEi0HEi28fZCHAAAArUlEQVQYGQXBsVEbUQBAwbfiewzS3QmlqoFCaIKUImiADqjATbgip2gMM4LA37tVVUVVVXaqUM05qxo/SsC/OVxnNfaV6x3Mnct+Vs4KquBajT0Al+P3T8xtHOvSMuBg+XNefB7GwroDcPJ+f5rjlHm5B+Bm/buNLb1vwO9Hto9jY60eAK18rjWWCn6VJ76XatwqeAZ8VGOrQHl59bVW3lQAX7OqsVdVaXZXVf8B/Z0mAMemdXkAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5FBsZD2XwdaZRYTyxcG5lE/42c672dae89b00edb703aaab91f04030/Image_default_Vue3.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"TinyMCE Vue 3 Support and Integration"},"metaDescription":{"metaDescription":"Our TinyMCE Vue integration now supports Vue 3. Get an instance of TinyMCE up and running within the Vue 3 framework using our official TinyMCE Vue.js component."}},{"title":"How to enrich Django TextField with TinyMCE","slug":"enrich-django-textfield","featured":false,"lastUpdated":"Feb 23rd, 2023","description":{"description":"

Find out how to set up an enhanced Django textfield for your app with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to set up an enhanced Django textfield for your app with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A representation of Django on a background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAk1BMVEUjNHciM3chM3ciNHceMXYXLXUhMncTK3QAB24XLHUZLXYACG8gMnYAGnGXma/e3eXc3eSYm7IAHnMAFXB3epr39vno8u3S5tvy9PZ7fqAAAG2ipLf6/Pys0r6jzbj2+vmlp7wAAG4fMnZ3e5r29vjy+PXa6+Lx8/V7fqEAFXHe3uWZm7MAH3QABm4WLHUYLXYdMHY8RHL7AAAAaElEQVQI12NggAJGJiZGBlTAzMTCysrCxIwiyMbOwcnFzc6DLMrIysvHLyAoxIpsAo+wiKiYuISkMA+yoJS0jKycvIKiEopKZRVVNXUNTR40M7W0tHVQzATarqunj2Y7xJ0GaO5E9REAUxkFwRTPPWMAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JUDOm79NAjZBMSEKcq7B7/63589f2f3898ac442a7c26bd756f44fd/to_enrich_a_Django_textarea.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enrich Django textfield with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"In order to set up enhanced Django textfield in your app with the TinyMCE editor you’d need to follow the simple process described in this article."}},{"title":"How to enable user tagging and Mentions in your app","slug":"user-mentions-implementation","featured":false,"lastUpdated":"Oct 18th, 2022","description":{"description":"

User mentions are vital for communication. TinyMCE has a Mentions plugin designed so you can tag anyone. Here's how to get started.

\n

 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"User mentions are vital for communication. TinyMCE has a Mentions plugin designed so you can tag anyone. Here's how to get started."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The @ symbol with TinyMCE UserMentions plugin enabled on an abstract TinyMCE Editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/d7OkKKFqTieZad8ARqSW9/6cd56e9234f8c3e08e3ddd1f14533867/img-tag-someone-tinymce-ver2.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Kevin Cunningham","slug":"kevin-cunningham"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enable user tagging in your app | TinyMCE"},"metaDescription":{"metaDescription":"Quick starter guide on enabling user tagging feature for collaborative editing with TinyMCE. Learn how to set up a demo and implement it into your application."}},{"title":"How to implement a custom file browser with TinyMCE","slug":"file-browser-implementation","featured":false,"lastUpdated":"Jun 23rd, 2022","description":{"description":"

Discover how to implement a custom file browser with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover how to implement a custom file browser with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An abstract representation of custom file browsing with a file in a dialog, search bar, and button","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABC1BMVEUQGDcPFzcLFTYAADAAABoAAAgAAAQAABsABDEMFTYEEDQUGzhsbXZwcnltbnZxc3ppa3MADTMIEjUOFzYAAjA8P0+wsbS4ury7vL+4ubweIzwACzIPFzYAAC86PU2qq67GyMvNz9HNztHExciqrK8aIDsACDE5PE2rrK+ztbeqq62rrK62t7mrrLAZHzoABzGrrbC1t7m3uLqwsbO/wMIYHjq+v8G1trjDxMYABjGtrrG5ury0tbe6u72tr7IAATA4O0y8vcDIyczFxsiztcy4udATGjgDDzMeJD1eYGpmaHFlZ29gYnBjZXNXWWMABDAIEzULFDYAACAAABMAAA4AABIAACEACDINFjZym18zAAAAcklEQVQIHQXBsU3EQAAAwVnrLO4+AxJIKYZ+6YOUDkhJ//1IyMwEVeXc6jgxwKxSdUDwXJX+Rn1jgFVV1Q8MYFVVgQGYVfeHX7ABjsYYXMAG3J5u+74/3q8LBnir1+r68hUEvVdV9XFiA5fPtdacc07wD4CuE6CW9yHCAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5brjXL8OFhN9iK80yHNneE/bebf346663afe158ecc865d00086345a/img-without-logo-custom-file-browser.png?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":"Custom file browser implementation | TinyMCE"},"metaDescription":{"metaDescription":"How to implement a custom file browser with TinyMCE. A custom file browser is a dialog window that helps you view and select files."}},{"title":"How to copy and paste content from Word or Excel to your web application","slug":"copy-and-paste-from-word-excel","featured":false,"lastUpdated":"Nov 30th, 2022","description":{"description":"

Find out how to enable the functionality of copy paste from MS Word or Excel content for your web application with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to enable the functionality of copy paste from MS Word or Excel content for your web application with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"compare copy and paste rich text editor features","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABI1BMVEUXIlAVIlATIlAUIlAVIk8VIU8UIU8WIk8XIk8AIVAAH1AAIFAEIVALIU8DIU8AIE8IIU8WIlAxJVFXLVMjIlEAG1AAH08/KFBcL1E8J1AHIU8AHFCDPVP0a1nqaFe+VlSHP1J+OVOMP1N4OlEAHk8SIlAAF1CFRU7/gEf/gUflcUqKSE1uPkxRMU51P00AHU8SIVAAE1GCTEv/jzLziDa6aUOdWkapYUVoP0x0RUsAG08ADlGDVUj/oBv/oxbijy6IWEZtRUpQOEx0TEkAGU8UIVAAD1GAW0fvpRvlnSS6fzmEXUV6WkaIYkR1VEcAGFAAHVEvLk9UQ0wiKVAAFFE+M01ZRUs6Mk0IHk8WIU8CHlEAF1EAG1EFH1AMH08EHk8TIVDpiHu1AAAAbUlEQVQI12NkAANGRsZ/zGAM5oHFmNkYIeArM1xQ8AcnVJDxLSNMkEkSJsb4EKSUBSSozIgADDBBblQxiCADFxZBUYTK/2DHgIj3qmxAcFWWlZVV+wbcna4Qtbfl1jIzIABjgisjUB1rJAcIAAD/oQ4hJZMAbAAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/14HTe8JqUGDKhuAmQnEegC/5b35cdf9a800da656ed6dfd0e3b0a8bd/Image_copypaste-2022032810172096.png?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":"Copy and paste content from Word or Excel to your web application | TinyMCE"},"metaDescription":{"metaDescription":"This article shows how to enable the functionality of copy paste from MS Word or Excel content for your web application with TinyMCE."}},{"title":"How to create Star Wars scrolling text effects","slug":"may-the-fourth-be-with-you","featured":false,"lastUpdated":"May 4th, 2023","description":{"description":"

We’re always on the lookout for cool things HTML, CSS, and JavaScript. Find out how to incorporate a little Star Wars into your rich text editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We’re always on the lookout for cool things HTML, CSS, and JavaScript. Find out how to incorporate a little Star Wars into your rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Space depicted in abstract with the words Episode IV appearing on a panel in space","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA+VBMVEV5hv94hv92h/94hf96hv+OgfOMgfN6hf93hv+Ej/yEj/1/i/19if1ygv96f/vOW5/QW519gPt8iv96h/93hP+aoPiZn/h4hP+RmvyWn/6Tn/+im/Ojm/OWoP+Ajf9zg/99iv1zkOVgm7h1iu7n6P77+fby7efx7un29fT+/v+yuf+WjeeRj+92hf9rlsxPpX+HnuT4+P79/fj5+PP5+PT7+vf0/Pff1tzVq5eTkO95hf93hftwh/KlrPz8+/37+/v6+vv6+/v+/f76/v3m3tuTju1zhP93g/+GkP+iqf+gqP+gp/+Yof91hP93hf92g/9xgP9wf/9zgf91xi4ZAAAAX0lEQVQI12NgwAIYESxGhv//kQQZmf4y/2NmBIIfcEFmNkY4YHgLFGABYkFGJPAWqpJdCln0MkQlAy+S2BeodmNkhcehgscY3MF2/P8PdAGSO/2hvD+bkB3PDKH+gkkAv8QQR2l5R0cAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/400hyLS1mX5FABwrvmLpzo/80ad8f39357aac195a742e36b872dd63/How_to_create_Star_Wars_scrolling_text_effects.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Star Wars scrolling text effect implementation | TinyMCE"},"metaDescription":{"metaDescription":"Ever wanted to create the iconic Star Wars scrolling text effect? Learn how to implement it in TinyMCE with our step-by-step guide. May the force be with you!"}},{"title":"How to test emails for spam score via API","slug":"test-email-for-spam-score","featured":false,"lastUpdated":"Aug 2nd, 2022","description":{"description":"

Find out how to test email for spam score via API before you send your message

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to test email for spam score via API before you send your message"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"Hello {{first.name}}\" as it might appear when creating a marketing email using tokens.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABa1BMVEUGFDgHFTkIFjsIFz0IFzwIGD4IFz4HFz4EFT0AEz0AEjwBFD0FFj4JGUAJGEAIGD8CFD4ABTsAADQAAC8AADkABDoFFj8IGEAKGUEKGEEKFD8KET4JET8IET8AADhfYG+ZmqGCg4yen6WEho84PFMABDwIFUAKEz8KET8KGUIKE0EKK0oKL00KKEkIJEcAADdaVmeUkpqfn6aZmaCfnaRSTWAAAC4JADQKHEQKME0KKUoLGEQLBz8Jc38IfIcIg44IgYsCc38AeIQAdYEAcX4AF0MAc4AAfIcCiZIHipMIe4YIfYgJcH0LBD8MGUUMC0EKZ3YJcX4KangKZHMFcX4Be4cAbXsAV2kBdoMEipQHipQIjJYJeIQJcH4KZXQMCEEMHEcMGUYMGUcMGkcMEUQMBEIMAEEMCEIMD0QMAEAMAD4MAD0MADwMC0MMHEgMHkkMHUkMHEkMG0kMG0gMGkgNH0sOIE0OIU8PIVDoYFb/AAAAaElEQVQYGW3BQQrCMBQA0Zn6cSdiCuLS+19NKCKC4KJfEzcl8T3+UUYho5BGqqSJiS8r9J1UHhBs1p2+IPFi55EZJzvlnlHszUvMVrezG1GsivjzlGscVapETcqaGXu2hAlCRiGjkNEH9SEUPPpSAZoAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7oQoUsxhDg6ALJ1c4qdx8v/89a7910c9eacade141bb86cdc61b2813/Image_default_enhance-with-WYSIWYG_Copy.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to test email for spam score via API | TinyMCE"},"metaDescription":{"metaDescription":"Test email for spam scores to check email messages before you send them – this guide explains how to test email for spam score via API"}},{"title":"Angular 2 and TinyMCE","slug":"angular-2-and-tinymce","featured":false,"lastUpdated":"Jan 17th, 2017","description":{"description":"

After a long period of development with a lot of twists and turns, Angular 2 was finally released as a non-beta version in September 2016. Our Engineering team member Mattias Wikstrom takes you through this simple guide to help you get started using TinyMCE with Angular 2. 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"After a long period of development with a lot of twists and turns, Angular 2 was finally released as a non-beta version in September 2016. Our Engineering team member Mattias Wikstrom takes you through this simple guide to help you get started using TinyMCE with Angular 2. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Angular Shield","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIGB//EACQQAAICAgIBAwUAAAAAAAAAAAECAwQFEQAhEgYHUSMxMlJh/8QAGQEBAAIDAAAAAAAAAAAAAAAABwMEAAII/8QAJREAAQMDBQACAwEAAAAAAAAAAQIEEQADBQYSITFBFCITUXGx/9oADAMBAAIRAxEAPwCJxFV7114IasV200EprQTHSPMF2gPYGuj9zr548andu2OHvuWKouJiD37B7ou0UwxuU1G0ZZcTYWSFckdCfOfDx7Vp7memcPhbcDYLLYr1BjIccal6xRCB62UikiV/x1pHEvkFIIHie+GekczlHmTtt7rk3UEEqmDyP8mlfXOn8Nj8RedJYfHvBafxgAj6L6n9kRyfZ6rPuOlc6UGR4fqRu0cidq6MVZT8gjmbQv6qEg+GtFKUgb0EgjkEGCP4RSpl7eSLCxL5LvzKoqoGb9iFA2f6e+VW+KY4wH4dlKNxJMDup7ucyeaUDkXCrm0ADcZgCm5aqOv/2Q==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=1024&h=576&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2mgTpfg9xzfBBTOz8hSPKd/d7ee6282b23cff5ba54abf939ffa5c75/angularshield-graphic-tinymceblue-1024x576.jpg?w=1024&h=576&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null},{"title":"How to disable textarea scrollbars with TinyMCE","slug":"textarea-scrollbar","featured":false,"lastUpdated":"May 11th, 2023","description":{"description":"

It's annoying when you can't change design elements – using TinyMCE, you can effortlessly customize the textarea design, including the textarea scrollbar

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It's annoying when you can't change design elements – using TinyMCE, you can effortlessly customize the textarea design, including the textarea scrollbar"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A vertical scrollbar separated from the editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAxlBMVEX/hHf/hHb/g3b/gnT/fW7/fG3/f3H/gnX/j4P9s637s635sqz6sav6sazyqJ/4jIH9g3b/h3r/hXj/gXT+pp7n5vzV5v+34v7syMn89/n+//+x073qmIr8fXH/gXP+pp/w5uLo4dTb3tTw0bb56ND7+fCgzLHolIP4g3z+iX/9p6H03qr1zk/2zln0z170zE/26crU6eHzoJXvkJD5j4n/hHj+lIv5ua35tqT5t6X6v7b9xcP+lo3/f3P/fnT/fnP/fXD/fW8qEtXrAAAAX0lEQVQIHQXBMQ4BUQBAwXnrJyQkklXoHcL9o3AXzVYUCvlmAABAQMGcQGBXUF8QOFSlqo0Bl6qqesOAY1VVnV4Y8LlWVdWGAbcqc6nned0I7O9RPX7rhoAFmBMAAIA/Lp4QMyt9CowAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1Gdoh5eeSLmkXrjtBeKaor/71cff4d30f3ad4144e6e46a534ec47d5/How_to_disable_textarea_scrollbars_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to temporarily disable textarea scrollbars | TinyMCE"},"metaDescription":{"metaDescription":"Temporarily disable textarea scrollbars by making use of specific CSS with TinyMCE. You can then disable textarea scrollbars."}},{"title":"An inline editor for any application","slug":"inline-editor","featured":false,"lastUpdated":"Aug 1st, 2022","description":{"description":"

Add an inline editor to your applications with just a few lines of code. Integrates with JavaScript apps, including Angular, React, jQuery, and more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add an inline editor to your applications with just a few lines of code. Integrates with JavaScript apps, including Angular, React, jQuery, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"HTML inline editing\" with inline editor displayed below.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACmlBMVEUEmOUEl+UImuUOneYPnuYJmuYFmOUImeUFl+UJmeUOnOUPneUKmeUGl+UImOUGleQGluUGluYKmOYPm+cQnOYLmOUKl+QRmuUIk+QHk+UHkN8KjNgOjdUQj9cMkd0HkeEHjt0HjdsHkuIIk+MHk+QKlOQNluQJlOQIkeQHkuUIhM8JdrgJeLoEaagCeMACf8sDbrEEbbAGcbUIhNIIkeULkuQOlOQJkeQIjuQHjuQFkOUAi94AgtMAeMcAeMsAfdIAgdgAh+AAid8EjOILj+UOkOQJjuQJiuQIiuQIjOUAjeZAi9Rhib1dhbxdh79eh75dhr1fnuhbnekLi+YAi+UMjOUJi+QKi+QPjeQRjuQJh+UNieUKiuUAheWuxvD19vf5+v32+Pvy9Pbv7/D4+fvn6/Vcm+kAh+UEh+UKh+UPiuURiuUJhOYOhuYRiOYMiOYAguZ9qOypwfCowPCnvvClve+kvO+pwPCgu+9Rlek9jugChOYOh+YOhecRhucIg+cAgecyiOgAg+gAk+oAjukAjekAkekAluoAleoAh+g/jOkMhecPhucQhucOhOcShekRhOkMgekIgOkFgOk/iuoJieoAn+0AmewAm+wAmuwAou0AnOwQhelBjeoOhOkPhOkQhOkOgukKgOkQg+sOgesLf+sIf+sHf+tCiuwdhesTke0UkOwWlO0Xj+wUmO4UlO0ghetDjuwNg+sPg+sNgesKf+sMf+wKfuwMf+0Efew6h+1AiO0+h+0/iO0/h+0/iu1BjO47iu0KgewMgOwKfe4Lfu8Ife4Dfe4Ffe4If+4Gfe4KgO4Lge4Ige4Kf+4Jfe4KffELfvEJffELf/EIffEMf/ENgPEJffQMf/QKffQNf/QOgPQNgPQLfvRoonnBAAAAdklEQVQYGWXBWw6CMBRAwXPqVTQhiOD+96jxD0NtfSQCM/JlNcHBPHnkw+JJsZdoKHybggw0xgnwD2r0gEu36MEfrOjijBsx4hoxuHKHuIgLF4zBrbi6QYyakwU5WT0gOrAiJ8UCogU0J+edMDm3EA2F5KSiVC9WJBLb7bwMVQAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6uq9UYg79Dc6oZbF33NL4R/b22ac3b1ff1ff3b4c17895948edd0ca9/Image_default_HTMLinline.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"Inline Editor - Add inline HTML editing to any application | TinyMCE"},"metaDescription":{"metaDescription":"Add an inline editor to your applications with just a few lines of code. Integrates with JavaScript apps, including Angular, React, jQuery, and more."}},{"title":"How to make avatars a part of comments in your DMS","slug":"make-avatars","featured":false,"lastUpdated":"May 9th, 2023","description":{"description":"

Does your commenting system in a DMS need something more? Make avatars available for your DMS comments, and give your customers a better online, work environment.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Does your commenting system in a DMS need something more? Make avatars available for your DMS comments, and give your customers a better online, work environment."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Symbols representing the avatar being added to the comments of a dms","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEWu3+6u3++u4O+t3++s3++v4O+u4PCs4PGq4PGs4PCw3+6u3eyw4O+y4fGz4vGv4PCq2eSe0Mq508nV18bOxMjDxc7J5O3A2uPf7/X28ej07uL17+TM5euq3/Cr2eLH3tLM3M302rXsu6/a19284ezH4+3s8vP/36r/2JD/z2XS1b+p4PKx3+224O6v3+6x3Oew2+nT5uzn6erp6ery7ur28/Dw06fR07mp4POt4O+s3+6u3eus2Obe5+j0y3z1wTn5wQDR1b6q4PO74/DD3NrD2dS13eat4PCr4PGr4PKxATpzAAAAYElEQVQIHY3BsQ2DQBAAwV3+SYldADWQum9aIHYDyCVYcvLoAIMAZ8xwmyyUHyWYQMCs4gr9TAg2/nlHBr4PryBDlMZFqd1ABuJVdQOdO5BD8qloH4lTjG2q6AO5kFUwA/TdFB5QCoCoAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4rZRvkH9QorTUnoKlxkyFp/37fa427fa008d1b2ca240c9dcff6f859/How_to_make_avatars_a_part_of_comments_in_your_DMS.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to make avatars a part of comments in your DMS | TinyMCE"},"metaDescription":{"metaDescription":"If you want to make your own avatars and add avatars for your rich text editor, use TinyMCE to make avatars and add avatars to your rich text editor."}},{"title":"How to Migrate from Froala editor to TinyMCE","slug":"migrate-from-froala-editor-to-tinymce","featured":false,"lastUpdated":"Apr 27th, 2023","description":{"description":"

Migrating from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Migrating from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Symbols depicting the Migration to Tiny","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAArlBMVEXGuf/Huf/Fuf+/uP54r/e1s/3Es/zEr/bDtf/Et/7DuP6sreXCtv3Et//Ft//Dt/+4w/TZ1/fe1/bf0/Dc1/jKv/zFuP/Ut9PUxuTq6P7k4P3Kv/7Huv/Tz+Pu7+fz9fPq8fPw8/TSyfzexM799ur/////9t7n4/rIt/XAsubBuOm1uOTKupS2ud7Guf7UzPzy8P3x7vnx1LHl3vTIufrHuP27tPuzst64tPfGt/luGCJ0AAAAUElEQVQI12NgwAIYkVn/oUwmhBjjfwyVjEyMYPAdJsjFiAReMTCwgIzgRRJ7zQAR5OZBEvzyGSLIABW8qcHIeO8VzEwxBgbluwxg7n8GkgAAHTgM/+cb5/YAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/63Vjl54uoy6thnh2FH5HfU/4cb74579a02ee74cace76f4846610098/How_to_Migrate_from_Froala_editor_to_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Migrate from Froala editor to TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Migration from Froala Editor 4 to TinyMCE 6 is easy and can be done in three simple steps with a bit of cutting and pasting."}},{"title":"How to work with keypress events in TinyMCE","slug":"keypress-event","featured":false,"lastUpdated":"Apr 11th, 2023","description":{"description":"

Making an event for the keypress event does not have to be difficult. TinyMCE's APIs can help with the event listener. 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Making an event for the keypress event does not have to be difficult. TinyMCE's APIs can help with the event listener. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Keypress with colorful representation of keyboard arrow keys","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAvVBMVEXcuf/duf/euP/fuP/duP/IyOa8ztm+z9rVwfbeuf/eu//buPHfubvduMHcuf7duv/HyOa6yte8zNnVwPfguf/RsfbZtNP2ySnuw13bufXdu//gv//kyP7gvP+3rNR3wX+jr6TjuqHXsLO9mu/CnvfcuP/w5/v7+vziw/+hrLl52miCtZLXtfzFoPu+pfa4mfPUsfzu4fz17vzgwP/WtPiqqcXQsvHgu//Wsv25lvPEoPfZtv7fuf/euv/buP/ElWF3AAAAYElEQVQIHXXBoQ7CMBRA0Xvpc12CQLEEx///DJkkSASYTsx2RaxMwDn8Io1Q2UmAHkiVL0HCjgIETXaz5LmCgJ7dvCgQQL3aDQ8g+Mh2NInmND2H+yWm9+itsKPiUf5aAaj5ENxHC+2vAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3kRLw4SBWC9aC4bVOA3lkN/fe0fee24936e8473cd381760d00b9b17/How_to_work_with_keypress_events_in_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to work with the keypress event in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"You’ll find out how to work with keypress events in TinyMCE: possible uses, configuration and testing."}},{"title":"How to use the new Bootstrap Icons in TinyMCE","slug":"how-to-use-bootstrap-icons","featured":false,"lastUpdated":"Apr 21st, 2021","description":{"description":"

In this article, we’re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this article, we’re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"White and Grey Window Curtain","artistName":"Sven Finger","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/wAARCAAPABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABQYHCP/EACcQAAIBAwMDAwUAAAAAAAAAAAECAwQFEQYHIQASMQgiQRMUQ2Fx/8QAGAEBAAMBAAAAAAAAAAAAAAAAAwECBAX/xAAZEQADAQEBAAAAAAAAAAAAAAAAAREhAhL/2gAMAwEAAhEDEQA/AKPo/a+h0RtLUVqtAkk4lU1Dx9kkiky4MifjGATx4YkddGJKGLXoS9PWydM9sutzqViWeRFIaZCxU93AyfgFmIHQpeXojvSwTdX6Cobtqi51TJbpA83sNVIIW7QAFwMcjABz+z0q5T0OtD9vDqhE2+0zZBVyz09yRRIkcISV17mRsseCCvdgZ4OSfPV7HSI2oVLbK6DTuzElQs1QC1EsolVE7TwT488F+f50MrEsRmzUt+tt2vdVNNefsmVvpCOpojNkLwGUge1Tjhfjnp1zQX1D/9k=","aspectRatio":1.3317249698431846,"src":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=185&h=139&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=370&h=278&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&h=555&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1109&h=833&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1478&h=1110&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=2217&h=1665&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=185&h=139&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=370&h=278&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&h=555&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1109&h=833&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1478&h=1110&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=2217&h=1665&q=50&fm=webp&fit=scale 2217w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"New Bootstrap Icons for TinyMCE"},"metaDescription":{"metaDescription":"In this article, we’re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern. "}},{"title":"How to add TinyMCE 5 to a simple Vue project","slug":"how-to-add-tinymce-5-wysiwyg-html-editor-to-vue","featured":false,"lastUpdated":"Dec 3rd, 2019","description":{"description":"

With many developers choosing Vue for its low barrier to entry and easy integration with other libraries and existing projects, we want to make sure you have what you need to get started with our WYSIWYG HTML editor in Vue, and evaluate it for your next project or upgrade.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With many developers choosing Vue for its low barrier to entry and easy integration with other libraries and existing projects, we want to make sure you have what you need to get started with our WYSIWYG HTML editor in Vue, and evaluate it for your next project or upgrade."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Tiny logo and Vue logo combined with a plus symbol.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAACFlBMVEUPsOwLsOwKsOwTsewNsOwKr+wOsOwUsewUsuwVsuwYsu0MqewLqewJqewGqewAqewFqewOquwTq+wKqewUq+wVrOwUrOwPquwMo+sKo+sAo+sAousnpewDo+sRpesOo+sLo+sOpOsTpesUpusUpesPpOsMnusLnesEnesAnOtaq+2LvvFfre0Gn+sEnusJnesLnusOoOsNoOsRoOsOnusMnesMmesImOsAl+tUpe2YwfKmyfOZw/Jhqu4ImesAmusAmOoAluoAl+oAmOsFmOsMlOsLlOsAk+srl+x2r++cwvJ3r+8Ek+sAlOsomOutzPSQwPKGvPGxzvU4mewMkOwJkOwAjettp++Tu/JzrO+HtPFgou4xlexIm+0AmewAluy2zfXp9v3k9P3D1vcAjOsAj+wLkOwMjO0Ii+wAiexqpO+bvvOmw/R7q/CdvvOavfNtp/AAzfQAzPQ5lO3j7Pvr8/1Qme4Ah+wEi+wMiO0JiO0AiO1Hle9wpPF/q/JElO9wpfCcvfQ0j+4ApfAApPAAf+2RtPOdvPQAge0Ah+0Lhe8Oh+8Mh+8AhO8Ag+4AhO4Ah+4Uie9Fk/AMhe4Ig+4Ghe8Mhe8OhPAOhfALg/AIgvAIg/ALhfALhvAFhfAAhfAKgvABgvAAgvAHgvALgvAOgvILgPIKgPIMgfIPg/IOg/IKfvQJfvQMf/QOgfQNgPQLfvQJffSGtextAAAAdklEQVQYGQXBS07DQABAsedmlCygH9r7X7EIxKpROthSqem9gPBR4Bjm6b0wGeeCeQKKfVwCgOaJxi3AviL8Nq4E9hX4u81xBQC4e44HAIDvx7gDAPzcG18A78Wr2nw2zgDHsb02jmuNC6SdtmpUY0Vltc+qqn//DBuR8HRf7wAAAABJRU5ErkJggg==","aspectRatio":1.501466275659824,"src":"//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=370&h=246&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=1024&h=682&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=370&h=246&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6Xyo7dxuH8Y7XL2q3l0W4E/0160d11525f2a1ebeb0e3b69699e44c2/Image_legacy_vue.png?w=1024&h=682&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add Tiny's WYSIWYG HTML editor to a Vue project"},"metaDescription":{"metaDescription":"Adding the TinyMCE WYSIWYG HTML editor to your Vue project is easy. With more developers choosing Vue, we want to make sure you have what you need to get started."}},{"title":"How to add TinyMCE 5 to a simple Angular project","slug":"how-to-add-tinymce-5-to-a-simple-angular-project","featured":false,"lastUpdated":"Nov 10th, 2019","description":{"description":"

Adding TinyMCE 5 to your Angular project is easy, and can be done using the official TinyMCE Angular integration component. Start here with a simple example.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Adding TinyMCE 5 to your Angular project is easy, and can be done using the official TinyMCE Angular integration component. Start here with a simple example."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Visual depiction of Tiny and Angular integration","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACf1BMVEUVsesUsOsMresJrOsIrOsSsOsOrusTsOsUq+oNqeoJqOoKqOoMqeoSquoPquoOqeoTq+oNpOoKo+oIo+oAo+oFo+oJo+oMpOoSpeoPpOoTpuoTpeoLn+kKn+kGn+kAnukVn+ozo+oAnekIn+kNn+kSoekPoOkToekLm+kLmukImukAmekVm+l9tu6MvO9MpesFm+kRnOkPm+kKmukMm+kSnOkTnOkTnekLlukKlukAlukNlumLuu+awfGkx/KWv/Fep+wAl+kNl+kJlukDlukFmOkPmekSmekRmOkKkuoHkukAkekAkOllpu2YvvGhw/KBsu8ll+oAkukGkekCkelXo+xLoesAlOkMlOkLkuoIj+oAjuosk+p5rO5coOxjo+2Cse8VkuoAjOkYj+oBjOoylOrM3Pfj7Pu92/ejy/QnlOoIjuoIi+oAiupOmOywyfSUuPGev/KLtfCWuvFqo+55qO4Ape0AxvI7nOzz9v3J2veiyvTB3/ktkesAieoIiOsAh+srjOyPtPGWufKXuvJVme2ZuvKux/RinO0AuPEA4PgTnu3T3vjJ2/inzPWjy/ULiesJhuwDhewVh+xUl+5Yme5Wl+4pie1bme6RtfIViOwBiewDle0Ag+t9qfDX4/q01Pdbnu8Ag+wEhewKhuwLg+0Jg+0EhO0AhO0Agu0Age0Ohu0ti+0Ahe0Nhu0Ohe0AgOwfhu0ahe0Af+0Kge4Mg+4OhO4Kgu4Ige4Ihe4DhO4Nhe4Phe4Lg+4AgO4Af+4DgO4Lge4MgfAOgvAMgPAKf/APg/ANgfAJf/AIf/AOgPELfvEJffEKfvENf/EMf/EKffEKffMJfPMMfvMOf/OLkagkAAAAkElEQVQYGQXBW04bARRAsWPmTkMAUULY/xKr8gNCmge2UFXlWBw98IizUucDW6vmqoitlZ+5yDwH7IPvuarmBbCtmKd9aN4A4FLPmBsAvl8X28rcADhu4PNt3gEAfPybOwCA//d5BwBwNx8gcCz42s/5C+2DkPXavKJjqXIszn2teYStalVVNRfxpzrPqqp+ATuJHyYO6yQ9AAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/64c77aAmSnj1iKReRbnO0H/f89a20c91bacba2f61749bcac92e32a8/Image_default_angular.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Simon Fjeldså","slug":"simon-fjeldsa"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add the TinyMCE 5 WYSIWYG HTML editor to an Angular project"},"metaDescription":{"metaDescription":"Adding the TinyMCE 5 WYSIWYG editor to your Angular project is easy, and can be done using the official TinyMCE Angular integration component. Start here with a simple example using Angular 8."}},{"title":"How to add an Emoji Picker to your Angular App","slug":"How-to-build-angular-app-tinymce-emoji","featured":false,"lastUpdated":"Oct 4th, 2022","description":{"description":"

It’s possible to build a demo Angular app with TinyMCE, and to add the emoticon plugin with an emoji database. Here’s how to do it.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It’s possible to build a demo Angular app with TinyMCE, and to add the emoticon plugin with an emoji database. Here’s how to do it."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two emoji on a blue background with hidden lines","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABHVBMVEUXIk8XIlAOHE0AAEI8QV4cJlAAAB8AAD4GGEwVIU4XI1EVIVAAFUsAACiio6zKy8+LjZhucIAAAEcUIE4XIU8XI1ARH08AFEuOkJvn6Ov////29/h+gIoAAEARHk4WIU8XI1IAEkqOkJrr7O319vdrbXwFF0wAD0oPHU0VIU8AACmxsrnP0NOmqK54eoY0OVpXWm5RVGoADkkNHE4WIlAXIlESH04AAkcvNVQAADIAAEE0OVmen6fk5ujAwcZaXG8TH04UIFAADUkAEUoLG00ACkkrMlXS09fz9PVtb3wYI1IVIE4fJ1DOz9L5+vu4ub1PUmYIGUwmLlTMzNCZmqA5PVgAAEMPHU4eJ1FkZnYADkYPHE0BFksAAEQADkrMbSGMAAAAm0lEQVQIHTXBwQoBQQDH4d+fmVmzU6RQSrlKjryCx3V0UMrRI7hy1Cqlnd32sna1vk+A/gqQj2CAVJ2QQYhgYNJTJ/ezR8jA0Eilwqsc+CpZFUAfIhra1NrH3HrnQhUxwFqqEmmrH6APvOswcq3bwn3sM6Ip7I5L2JRerZPPMBlcuAOvvVoxh15d1/xE59zZXmkYOvnYSO9DSeMLHQMp38tqIacAAAAASUVORK5CYII=","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1R9qUelJMFa0utmtjsMJnH/393c6ee22314f59c57d6ff619e8911e6/img-emoji-picker-ver-2.png?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 add emoji picker to your Angular app | TinyMCE"},"metaDescription":{"metaDescription":"Angular emoji picker setup with TinyMCE is quite easy: learn about necessary configurations and steps."}},{"title":"How to add TinyMCE 5 to a simple React project","slug":"how-to-add-tinymce-5-to-a-simple-react-project","featured":false,"lastUpdated":"Oct 6th, 2019","description":{"description":"

Adding TinyMCE to your React project is easy, and can be done using the official TinyMCE React integration component. Start here with a simple example.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Adding TinyMCE to your React project is easy, and can be done using the official TinyMCE React integration component. Start here with a simple example."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE React project","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAADAFBMVEUPr+wfu/EkwPMkv/MeufAIu+4GyvEIwe8Ivu8Ksu0MxfAOyfELu+4Jt+0Mt+4PvfITue4Oz/IL2/QR1vMMr+0et/AnvvMmvfMZsu8DsO4Dr+0Fuu4Gx/EMue4Pvu8Mte4ExvEJwO8OtvAJxPYRte8Rve4OzfIKyPEJrOwKqOwbre8WsO8Ar+4AquoAte4Fsu4Pte4HyPECsu4At+4As+0ArO0AvO8Ptu4NtO4LpuwKq+0Iuu8Eq+0AsO4Atex4s+mixuw3pegAse4AqO0AqetUs+lSsOkhsellq+ctpOgAtu4ExfELoesHvfACxPEAvfAAp+p/s+qgwOx7reehwu0/n+cAquwAq+4fquqWuumYvOmwyu2RuOh2q+cApewCpu0KnusEse8AvvEAq+uFsuqgv+6Jte2hw/CDsu2hwO1qreghm+Zesum3ze+2zfDB1fS0y++evusXp+kAoewFnuwBqu8AmeqFrunH1fJUmuexy/PD1vaHsu6JsOrA0fBnneKVtumwyO6+0/XK2/e/0/STtOmQsuoAn+sAmu0FlO0AkupIlOeNr+qnwvCVuPCqxPKQte+sxu9JmugrluiOsurA0vK/0vW70PXI2PWnwO1youkAo/AAqPMJju0ElO0Ak+0AmOyCqeypwPCJreysw/BGoesAoO82l+mfueyjvO3H1vSSseqKresAgeoAoPIBovMJoPEMle8GrvIAtPMAn+5+q+ytwe8/n+sApfABpPEAnvEKjeuMreuOreuFp+uXsOxkp+wAtfIPlvEYk/ENkvEMnfIHtPQBu/QArvMAl+8Ai+0AmPEFnPIMmPEIjPAAj+4Hie0Al+4Ahe4Tj+0Alu8ApfMhpvUstfgOivELivAJlfMJqvQKovQGnvMEj/MIlvQJqfQJlvMHoPQFlvMAmvMAk/MAqfQAw/YAtfUTkfMoq/cwvfoKkPIKj/EMivINifMKrPYIsfYMkPQJp/UImfUHpvUIl/UGrfYFsfYHk/UEuPYCz/gDxfcHlfUgmvcrsfn/FUbJAAAAMklEQVQY02NkYMQCRLCIsYAF4cp/sYMFhaDct8JIKoWxGMOC20wSBRkwLSLPTMY3WMQA068E9SKSQ5sAAAAASUVORK5CYII=","aspectRatio":1.501466275659824,"src":"//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=370&h=246&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=1024&h=682&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=370&h=246&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1NiuBQA1wibzlWwBGvdzi0/9bcf8c62a7b8bebc1aa60926c1559241/Image_legacy_react.png?w=1024&h=682&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Simon Fjeldså","slug":"simon-fjeldsa"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":{"metaDescription":"Adding TinyMCE to your React project is easy, and can be done using the official TinyMCE React integration component. Start here with a simple example."}},{"title":"Emulating an online document editor with TinyMCE in React","slug":"emulating-an-online-document-editor-with-tinymce-in-react","featured":false,"lastUpdated":"Jul 18th, 2022","description":{"description":"

This blog post demonstrates how you can emulate a simple online document editor application using TinyMCE within a React project.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This blog post demonstrates how you can emulate a simple online document editor application using TinyMCE within a React project."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACAVBMVEUVsesUsOsMresJrOsJq+sJqeoKp+oIq+sMrOsSsOsOrusIrOsTsOsUq+oNqeoJqOoKqOoKpeoKqesIue0Iuu4JqusMpeoSquoPquoOqeoTq+oNpOoKo+oLo+oLn+kJtO0C6fgA/P0A6/kPt+0PoOkPpOoTpuoTpeoLnekLoOoB6fgC/vsW6O4a5+0Q+/kF6/gJouoKnekToekLm+kLmukMl+kJruwA+vwqutErudAj4ukX+PgMse0Pl+kTnOkTnekMlukMkukJqewA+fwa6u4pvdEovdEh5usb9fcSrOwTlekTmekRmOkLkuoKkuoKkukKkOkKkekC3vYS+/ge6u0d6u0a+PUX3fISleoSk+kSlekQlOoAjuoAjeoAiukAm+sA1PMI7PUI7fUH1PEBnOsAjekAkOoAkeoBkeoAh+oAheoAg+oAhOoAgOoAfuoAjOsAjusAgukAgekAhOkAhekAiOsrjOyzyfG/0PK9z/K+0PK9zvLD1PbE1ffE1vfE1fbG1ve1yfANguFKku3v8fb//vn8+vj8+/j7+vf5+PX7+ff59/X+/fr///z//vv///3////z8u8wc8M/jO3u8fn//v36+vr4+Pj5+fr4+Pn7+/v5+fn8/Pzu7u4cbMI+ie709/7v7+8YasM9iPD09v4XaMM9h/Hv7+4XZsQ8hPIWZcRuC/UbAAAAiklEQVQYGWXBW2pCQRBAwXOmW0G5jf745f73J8Y8kGSu4wvEVIkKqMzNgblZKuDDN2txr4AD6g8rMYNh7UN9FJA7wOFz8qoEshjU8g4wC/FFJ465YfBF/9pkKdjDO+a+XGU5MNNAEYcsbxAVe6i5VVE68Zf8LjxN5uSBpzOcIc2Ud9GCd8towT/tAuUDF6L8XD26AAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Simon Fjeldså","slug":"simon-fjeldsa"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Emulating React document editor with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"You can emulate React document editor with TinyMCE by following our detailed step by step tutorial"}},{"title":"How to set up source code editing with TinyMCE","slug":"source-code-editing","featured":false,"lastUpdated":"Apr 6th, 2023","description":{"description":"

TinyMCE has the ability to edit source code. Find out how to modify the editor, and unlock this TinyMCE ability.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE has the ability to edit source code. Find out how to modify the editor, and unlock this TinyMCE ability."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The words Advanced code editor surrounded by symbols for code editing.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA7VBMVEWovv2ovv6nvv6mvv+nvPutue2uuuuuuuytueytuuyuu+ypvPinvv2pvv6nvf2ku/zT2vX17eP17OD17eH07OH17eLy5tO/v9ulvf+XwPl4xPe62vL1+vbz9/bw8PDx8fLz8/Tw8fL28unCwtykvf+qv/+UvvVru+msz+j7/frz9fPd3Nzj5OTj6+jp7+329/f59evCwtuhufe2qt7GhqDg4u///////v35+Pf7+/n7/vv+//3++vK9weKht/SpuPWsqN65yfvE0fu/y/PE0frBzvmpvvuov/6mv/+lvf6ju/6ftviasfCiuv6kvP46lgrMAAAAaUlEQVQIHU3BMQ7CMBAAwV3LimKR9Pz/HXQ8BoUSIlFQHL5YCGZkkJ+QQWWIQJJYTEHxFQLLvjqA3VaBXU4eMG2VdPbPkwq4rn69J29UIB6LiSg0vVPobNe5a/M0tXYJpJNDSArkIEOQPrb0FwPkG2+aAAAAAElFTkSuQmCC","aspectRatio":1.778205128205128,"src":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1387&h=780&q=50&fit=scale 1387w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3KIM8htcqwXpEkfROloteo/1c723520633ac24edb92e97db0ebda70/Inline_code_editing_inside_the_editor.png?w=1387&h=780&q=50&fm=webp&fit=scale 1387w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to set up source code editing | TinyMCE"},"metaDescription":{"metaDescription":"This article explains how to set up source code editor step-by-step in your TinyMCE WYSIWYG environment."}},{"title":"How to use Real-time Collaboration with TinyMCE Cloud","slug":"how-to-use-real-time-collaboration-tinymce","featured":false,"lastUpdated":"Oct 27th, 2021","description":{"description":"

With the recent TinyMCE 5.9 release, we’re also delighted to bring you Real-time Collaboration for TinyMCE. This guides takes our demo, and provides you with the exact steps you need to set up Real-time Coloration. This essential guide explains how to build each essential component needed to see how TinyMCE with Real-time Collaboration in action.

\n

 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With the recent TinyMCE 5.9 release, we’re also delighted to bring you Real-time Collaboration for TinyMCE. This guides takes our demo, and provides you with the exact steps you need to set up Real-time Coloration. This essential guide explains how to build each essential component needed to see how TinyMCE with Real-time Collaboration in action."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"This article explains how to use Real-time Collaboration with TinyMCE.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.9206145966709347,"src":"//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=185&h=96&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=370&h=193&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=739&h=385&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=1109&h=577&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=1478&h=770&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=2217&h=1154&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=3000&h=1562&q=50&fit=scale 3000w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=185&h=96&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=370&h=193&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=739&h=385&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=1109&h=577&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=1478&h=770&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=2217&h=1154&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/6LSCelvqInc8tRGxN0ZJJr/99fa96264738bc339f1fc47191b445c5/Image_how_to_use_RTC_tinymce.png?w=3000&h=1562&q=50&fm=webp&fit=scale 3000w","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":null,"metaDescription":{"metaDescription":"With the recent TinyMCE 5.9 release, we’re also delighted to bring you Real-time Collaboration for TinyMCE. This guides takes our demo, and provides you with the exact steps you need to set up Real-time Coloration. This essential guide explains how to build each essential component needed to see how TinyMCE with Real-time Collaboration in action."}},{"title":"How to integrate TinyMCE with jQuery","slug":"jquery-cdn-rich-text-editor","featured":false,"lastUpdated":"Oct 11th, 2021","description":{"description":"

Integrating TinyMCE with jQuery involves several steps. This post explains them. Find out how the integration works.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Integrating TinyMCE with jQuery involves several steps. This post explains them. Find out how the integration works."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE and jQuery can be integrated using the jQuery cdn","artistName":"Mel Poole","image":{"fluid":{"base64":"data:image/jpeg;base64,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F3CculE8AAAAzFBMVEVLWHhKWHhIV3lHV3lGVnlIWHpKWXtLWntLVHJLU3JKU3FJUnFXYHxbZH9OXHxcaIVga4dYZIJJWXpLVnZLVnVLVXVJVHVdZoFzepB3fZR6fpd3fpZlcIpMVnVLVXRKVXVHUXNETnBTWXpMUHhFUXdKVnVNWHdudYxrcotobolgaoZKWntKVHRKVXRKVnZPWnlqc4tlcIlibolncoxMW3xKUnJKUnFJU3NIUnNHUXJCT3I8TXU/UHdJUnJHUHFFTm8/S3E9TXdCUnlJWXtem/6TAAAAYElEQVQIHTXBsQ4BQRRA0XsnEyyF6Gglq9L6/0ajFv9Ao5CMLZf3NnuOJHUsqARXCM4aoW4AZ69CqNINa0xvSWXHwLexCK0neXb0s30eDHdS7fDB/ujf7cTEi8DSdGXyA9fcEGUStmvmAAAAOHRFWHRpY2M6Y29weXJpZ2h0AENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueflXeTcAAAAhdEVYdGljYzpkZXNjcmlwdGlvbgBzUkdCIElFQzYxOTY2LTIuMVet2kcAAAAmdEVYdGljYzptYW51ZmFjdHVyZXIASUVDIGh0dHA6Ly93d3cuaWVjLmNoHH8ATAAAADd0RVh0aWNjOm1vZGVsAElFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQkRTSKkAAAAASUVORK5CYII=","aspectRatio":2.3636363636363638,"src":"//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=185&h=78&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=370&h=157&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=739&h=313&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=1109&h=469&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=1478&h=625&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=2217&h=938&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=185&h=78&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=370&h=157&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=739&h=313&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=1109&h=469&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=1478&h=625&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/EUiGEKUoMpUvXIpVwFnuo/31829f696b0d90503aa6e6a5579fc014/tinymce-jquery.png?w=2217&h=938&q=50&fm=webp&fit=scale 2217w","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":"jQuery rich text editor guide | TinyMCE"},"metaDescription":{"metaDescription":"How to integration TinyMCE with jQuery. Integrate the TinyMCE rich text editor with jQuery"}},{"title":"How to integrate a rich text editor with web components","slug":"tinymce-for-web-components","featured":false,"lastUpdated":"Jul 26th, 2022","description":{"description":"

Get started with our TinyMCE Web Component integration for rich text editing in just two lines of code. It is compatible with open source TinyMCE, Tiny Cloud, and TinyMCE commercial self-hosted offerings.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Get started with our TinyMCE Web Component integration for rich text editing in just two lines of code. It is compatible with open source TinyMCE, Tiny Cloud, and TinyMCE commercial self-hosted offerings."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Web Components logo","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAAvVBMVEX////i4uLe3t3f3+Hf4+3f5O/i6fLV1dUAAAAAAGsATKYAZrMOer/U3+75+flvb29UVmCSmr2SocdSf7l7pM/8/f68vLzd3d29yN4AaLYAhcjG2u/s7Ow7OzukpKT5+f6Dpc4AfcBRnc7u8/j///nQ5I6kxkylxXzx9fLe3t7k88G94gC63Szj78h2elbo9JHp9pLO6l623wDF5IP9/vyquQDd8QDT6gDI4yfr9NPc297l5t/3/OD1+uD0+eOOV1mOAAAAa0lEQVQY02NgoApgZGJmYWVDFWPn4ODk4ubhRRbj4+cQEBQS5hYRRRIU4+AQZ2CQkJSSRojJyHLIASl5BUUlZXRBFVU1dQ0U7ZoMDFraOrqoFunpGxgaGZugOcnUzNzCEs3xVtY2tnbUCQgAvE0IlzIxZj8AAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/KLZ1ECR0U13dF5nzZhAe9/2404c147080c136949e42ffabef0efa7/Image_default_WebComponents.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"James Walker","slug":"james-walker"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to integrate rich text editor with web components | TinyMCE"},"metaDescription":{"metaDescription":"Get started with our Web Component for rich text editing in just two lines of code. Available for free under an Apache 2.0 license"}},{"title":"How to fix uncaught reference errors: TinyMCE is not defined","slug":"tinymce-is-not-defined","featured":false,"lastUpdated":"Jun 6th, 2022","description":{"description":"

Next in our FAQ Solution series, the error message: \"TinyMCE is not defined\" can be solved by checking how Tiny is integrated - find out how to address this issue 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Next in our FAQ Solution series, the error message: \"TinyMCE is not defined\" can be solved by checking how Tiny is integrated - find out how to address this issue "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE logo in curly bracers with subtle question mark in background to represent uncaught reference errors","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7kbpCITkherlne3SxkilBf/f146c102536857b7f32e6cf7f149d56e/Image_TinyMCE_Uncaught_Reference_Error2.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 fix uncaught reference error: TinyMCE is not defined | TinyMCE"},"metaDescription":{"metaDescription":"Possible reasons why you get ‘tinymce not defined’ error message and how to fix the uncaught reference errors in Wordpress, React, Angular and jQuery."}},{"title":"How to add text animation to your app’s textarea","slug":"create-text-animation","featured":false,"lastUpdated":"Mar 1st, 2023","description":{"description":"

It's possible to animate text in TinyMCE - here's how to do it: the text animation examples are a good place to start.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It's possible to animate text in TinyMCE - here's how to do it: the text animation examples are a good place to start."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A transition of a circle shape through different hues and transparency, representing animation frames","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQGCf/EACAQAAIBAwUBAQAAAAAAAAAAAAECAwARMQQFBhIhUXH/xAAZAQACAwEAAAAAAAAAAAAAAAABBgIDBQT/xAAgEQABAwQCAwAAAAAAAAAAAAAAAQIDBBEhMQUSQVGR/9oADAMBAAIRAxEAPwDO7S6VZZ4o2cRKzBTI2FBOT+U2tZczblxzzgG1cRh0b7dvybu0zWZB0Jt1v2HU4v579pr5Lh6agpYZ4ahJHP2mMY2lvmfZnwVMk0jmOZZE8koun8xS/wBTtBxqLYqKBGYo0XCgX+VYjUTSAVRgAWq4gf/Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69FbgjAO9gEzCMFg3wuqJP/129aa32e486e126f3a352b39a53f75cf/animation.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create text animation in your app’s text editor | TinyMCE"},"metaDescription":{"metaDescription":"We explained how to get started with text animation creation with TinyMCE - the advanced way to style the text in your app’s textarea."}},{"title":"How to upgrade TinyMCE 5 to TinyMCE 6","slug":"upgrade-to-tinymce-6","featured":false,"lastUpdated":"Feb 15th, 2023","description":{"description":"

Find out everything you need to know when you need to upgrade your app onto the newest version of TinyMCE: this new guide covers editor, plugin, and API configuration changes.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out everything you need to know when you need to upgrade your app onto the newest version of TinyMCE: this new guide covers editor, plugin, and API configuration changes."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"upgrade to tinymce 6 from tinymce 5","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2zLQFTLs34k9AbD8K9ZhQJ/cd4be712ca5ca108301dfef95bc2cbe5/from_5_to_6.jpg?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to upgrade to TinyMCE 6 | TinyMCE"},"metaDescription":{"metaDescription":"Everything you need to know to upgrade to the newest version of TinyMCE: editor, plugins and APIs configuration."}},{"title":"A Real-time Collaboration guide for TinyMCE","slug":"real-time-collaboration-tinymce-guide","featured":false,"lastUpdated":"Nov 2nd, 2021","description":{"description":"

The following is a real time collaboration guide. It explains how to set up TinyMCE to use the new Real-time Collaboration plugin.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The following is a real time collaboration guide. It explains how to set up TinyMCE to use the new Real-time Collaboration plugin."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An example of real-time collaboration. along with the title","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":2.518134715025907,"src":"//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=185&h=73&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=370&h=147&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=739&h=293&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=1109&h=440&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=1478&h=587&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=2217&h=880&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=2916&h=1158&q=50&fit=scale 2916w","srcWebp":"//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=185&h=73&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=370&h=147&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=739&h=293&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=1109&h=440&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=1478&h=587&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=2217&h=880&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/68yXgMLO72fGgtN0rzJSu7/de5ca11f26b3fa965ce05ab7c8854bcf/Image_RTC_guide_youtube_tinymce-2.png?w=2916&h=1158&q=50&fm=webp&fit=scale 2916w","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":null,"metaDescription":{"metaDescription":"Find out how to set up Real-time Collaboration with end-to-end encryption with TinyMCE in our playlist. "}},{"title":"Autoformatting: How to enable it for content in your app's rich text editor","slug":"autoformatting","featured":false,"lastUpdated":"Mar 16th, 2023","description":{"description":"

Autoformatting can be a winning feature to include in your app –  find out more about the five essential TinyMCE plugins that can power-up your app with Autoformatting.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Autoformatting can be a winning feature to include in your app –  find out more about the five essential TinyMCE plugins that can power-up your app with Autoformatting."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Highlighted parts of text showing a demo of TinyMCE autoformatting.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAZlBMVEX/zND/zdH/zNH6yMz7yMz7yc34xsr+y8/8x8v7xsr6x8v9ys7jtbnzxcn5x8v7x8v8yc3u0tTz2Nr+ys70wMT0wsb2xcn3xcn3xsn1xcniysv3yczhs7fgs7bgsrbfsrbesLT/ztKh8+n4AAAAVklEQVQIHQXBsRHCMAAAMb3tkI5j//UogQFMQZAAAAAAAJggo8tQIDAJ1YYFHH2d+ywbgdltKdUHC8x7peoNC3rcEvVcMKDXsdacc/TbEDAu4AIAAOAP0d0NIJmAYMgAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2aTRPw4hFdyKjU3AGWTUKR/cfbdcb8da371a5c705e96e1d737fae63/Autoformatting__How_to_enable_it_for_content_in_your_app-s_rich_text_editor.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Autoformatting: How to enable it for content in your app's rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"If you're interested in setting up autoformatting for your app’s text input, there are multiple options available as a part of TinyMCE configuration."}},{"title":"How to style text in your rich text editor","slug":"style-text-area","featured":false,"lastUpdated":"Mar 9th, 2023","description":{"description":"

For styling text, find out how you can put together plugins and options to quickly create all the text styles you need in TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For styling text, find out how you can put together plugins and options to quickly create all the text styles you need in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The word style with some letter colour change on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEUXIk8XIU8WIU8UIE4PHU0LGkwOHE0RHk0PHk0SIE4UIU4WIU4VIU4LHFEACEoHGU0AAEEAAEMAE0wAFE0AHFAUJFQSHk0AAE+bnai9vsSkpq+Bg5Nsb4OoqrR8S2NdLlYAJFkTIU8QHU0AAEiys7vg4OPV1drGx83W2NzTztHiiFq3ZUgAHlQRIU4TH04AEVJucYWTlKF2eYqjpK6ys7xydYeFYlJrT1EAIlkTIVMAAEcAAEAoMFYcJ1IAAEQADk8AG1ETI1QSH00QHk0GGEsIGUyu1yGbAAAAV0lEQVQI132OsQ2AMBDE7IgKaJmFktlhEWoGQFAlNElIgbjmJet0fviI+UiC1EKDKqonQAcwVOYVc9PJN3tpjg3kAx5VFOYy6Rqrvb8XdQvZbn1YUuInD8CWDjKiue2CAAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6CPZ73AHyTIAQbuHrmPQjZ/5417cf853205421ee927361776e25e3f/text-style.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to style text in your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"We’ll go through the many options of textarea styling that are available within TinyMCE rich text editor."}},{"title":"How to Self-host TinyMCE with our premium plugins and features","slug":"self-host-cloud-based-tinymce","featured":false,"lastUpdated":"Apr 28th, 2022","description":{"description":"

Self-hosted and Cloud based TinyMCE represents a useful configuration. Find out how to include Premium Plugins while keeping a self-managed configuration.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Self-hosted and Cloud based TinyMCE represents a useful configuration. Find out how to include Premium Plugins while keeping a self-managed configuration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Cloud and Self-host combined with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABHVBMVEUJPWcJPWYJPmcIPmcIPmYIP2cIP2YIQGYIPGUIPGQIO2MIPGMHPWQIPWUGPWQGPmQGPWMHPWMHPmMIPmUKP2sNRXURTIESS4ASS38MQm4TR3YVSXsRSHsQSXwPSHoIQGkIP2UIPGYKP2oUVZMXXJ4YXJ8aXJ8bXaAcVpQPQW0gVI4kWZkeV5gaWJwZVpgMRHEIPmQLQGwXWZkXXaAYXJ4ZW54gWZsTQ3EfU4wjWJgcVpcZV5sZVZYLQ3EIPWcSRXYZVZQaW54cXJ8fXJ8gUo8MP2khUIclVpMhU48dVZYcUpAMRHIMP2oTRXYYSoAZR3sSQGwLPmUXSn4XTYQTTIUSTIURTIQJQWsIPWYHPGQIPWQJPWUHPWIJPmYKPma/oDelAAAAeUlEQVQIHQXBsU0DQQAAwZ3TSxAgmwYIXAU5MYFDqJAGgB6gkJcI0aXojxlVBWU1KqNKHaqqqq3qBgHMUt3egXkCdltdAPeAva06w+8ZMGurh+9HnABmqS4/TwD42ql6+fi7xnofz59mVFmG196sRmVUrdE6OKqq/gGGuhqc12LUegAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/CuJfw493JOYt5GqWMTnWy/368ff90acb543245e59c5376a26dda36/Image_TinyMCE_cloudbased_selfhost.png?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":"Self host and cloud based getting started guide | TinyMCE"},"metaDescription":{"metaDescription":"Self-hosted and Cloud based TinyMCE is useful for configuring Premium plugins while keeping a self managed configuration"}},{"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":"

Check out our range of modern skins and icon packs. Read on to find out how to apply them to TinyMCE.

","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."}},{"title":"How to upgrade from TinyMCE 4 to 6","slug":"upgrade-tinymce-4-to-6","featured":false,"lastUpdated":"Feb 16th, 2023","description":{"description":"

To upgrade from TinyMCE 4 to TinyMCE 6, the steps involved are changing version numbers, and then checking your configuration. Read on to find out more about how it's done.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To upgrade from TinyMCE 4 to TinyMCE 6, the steps involved are changing version numbers, and then checking your configuration. Read on to find out more about how it's done."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The migration process represented by white and orange gears","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2r8ibxWdjBLbjxAsgYHe7H/60e6e669e3d41bb91d8608f719e6f63e/from_4_to_5.jpg?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to upgrade from TinyMCE 4 to 6 | TinyMCE"},"metaDescription":{"metaDescription":"There’s a plenty of options how you can upgrade from TinyMCE 4 to TinyMCE 6, choose your and discover new rich text editing opportunities with the freshest TinyMCE version."}},{"title":"How to change the text area background color with TinyMCE","slug":"textarea-background-color","featured":false,"lastUpdated":"Feb 9th, 2023","description":{"description":"

Learn how to change the text area background color and much more in this guide

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to change the text area background color and much more in this guide"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A WYSIWYG with an alternative colored background. ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA0lBMVEUXIk8XIk8XIU4WIU4WIU0WIEkZIT4ZIDoZHzkYHzkZIDkYHzoYID4XIUkVH0kiLWE8S54+TZ86SZ06Sp05SJwwQpswQpkfKl0VIEkXIk4UHT8kNok/Y/9BZf8/ZP9AZf86YP0gM4AVHkEUHD0jNodCZf9FaP9FZ/9EZ/9GaP88Yf0fMn8VHT8UHT4jNok4YP84Yf83Yf82X/8hM4AVHkAVHkMhMnwzVeEyVeQyVeMyVeUyVN8gMHUVH0UXIUwZI0wZIkcZIkYZIkgXIU0WIUsWIEpdAdZqAAAAAXRSTlP9g+pWxwAAAGdJREFUCB0FwbFRw0AUQMF9mhvmxKgA1+AqKJ0WSHDqUA0Qf3YLAIBZoAIzAwuOo1LV36DoqipV3WbBVdWoemPBWSVVsOCzInMULNhVqIIDc7723nvvvX4+BoXHs77xNfN7MwUCDMw/nvUXN0+Uk88AAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4ulkqUZjTfUCxos8yhBOoa/52e33a2bf746f26a999e91ab1bc3fcc0/text_area_back.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to change the text area background color | TinyMCE"},"metaDescription":{"metaDescription":"There is a plenty of text area background customizations available in TinyMCE. Learn how to change the text area background color and much more in this guide"}},{"title":"How to use the TinyMCE execCommand API","slug":"tinymce-exec-commands","featured":false,"lastUpdated":"Jun 15th, 2022","description":{"description":"

Try out the execCommand API - a web API that can be used for many different purposes, especially for testing, and changing TinyMCE functions around.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Try out the execCommand API - a web API that can be used for many different purposes, especially for testing, and changing TinyMCE functions around."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"ExecCommand API words over an arrow, with hidden bee images in the background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FHKTaxB1VSHmh28g9dES5/342d36fa30db248611f6fc6ee75f9749/Image_API_Testing_TinyMCE_execCommand1.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 use execCommand API | TinyMCE"},"metaDescription":{"metaDescription":"The execCommand API allows you to run a specific change to a rich text editor outside of its interface that can be used for many different purposes, especially for testing."}},{"title":"Integrate Svelte with TinyMCE rich text editor","slug":"svelte-rich-text-editor","featured":false,"lastUpdated":"May 26th, 2021","description":{"description":"

Svelte is a new and fast framework for building web applications. Learn how you can install Svelte and set up a rich text editor in a few steps.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Svelte is a new and fast framework for building web applications. Learn how you can install Svelte and set up a rich text editor in a few steps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Picture of a laptop with code","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/wAARCAAYABQDAREAAhEBAxEB/8QAGQAAAwADAAAAAAAAAAAAAAAAAwUGAggJ/8QALRAAAgEDAwIEBAcAAAAAAAAAAQIDBAUGABEhBxITIjFBCBUWFxgjUWFxgdH/xAAaAQADAQADAAAAAAAAAAAAAAAABAUBAgMG/8QAJxEAAgIBAgQGAwAAAAAAAAAAAQIAAxEEEhMhUZEUFTFTktFBVKH/2gAMAwEAAhEDEQA/AN5KDq3iuH3DJL5d7pFQWinliSWoZGYKz7Ko2UEkliBwPfWIC5woyYWsta7nOAOsL+MjpK7hYcmkqT7+Dbqpu3+fy9OeE1HtnsZO8x0WccZfkPuKbp8dHSW2VPg/NLnVHtBLU9nqWUfsd0HP+6PB6n227GcPNNB+wnyH3OVGYdVssuuO3hKu9GRKhY3kjjQKGKSKVPH6EaVqY1uGU85UvRbayjjIMPhObZFcLfZJmvdWnfVyxyQxylVdQFIO3sNztxq2ttlr5ZvWeeOlopXhoo7Svra26PUM7ZJeI+/zBBUgBRv6crrqZrc8j/ZvAQcig7CKLtNgVZRVtkulTPaqaSmJWtigaRjMGUqvai+nqTz7aUtZQMIIzpVsLb7TykJ9OYPTQeFBnteqqd1RLdVKoO/O3Oltzj8yliszNcaxEqD9xKjkb+aCs3/vRufqYYr6Cf/Z","aspectRatio":0.8193126713050811,"src":"//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=185&h=226&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=370&h=452&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=739&h=902&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=1109&h=1354&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=1478&h=1804&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=2217&h=2706&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=185&h=226&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=370&h=452&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=739&h=902&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=1109&h=1354&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=1478&h=1804&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2pJ78KWnygqX7v746FWmJy/11a643507ef23deecd9acfd1c5c3b575/altumcode-zE007SNgcdE-unsplash.jpg?w=2217&h=2706&q=50&fm=webp&fit=scale 2217w","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":"Integrate Svelte with TinyMCE rich text editor"},"metaDescription":{"metaDescription":"Svelte is a new and fast framework for building web applications. Learn how you can install Svelte and set up a rich text editor in a few steps."}},{"title":"How to limit characters and set a maxlength with TinyMCE","slug":"set-character-count-limit","featured":false,"lastUpdated":"Nov 2nd, 2022","description":{"description":"

You can limit character length inside the TinyMCE text area by setting a maxlength. It requires a form, and the help of a small code snippets to count the number of characters.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can limit character length inside the TinyMCE text area by setting a maxlength. It requires a form, and the help of a small code snippets to count the number of characters."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE character limit represented with actual words, closer together, in the rich text editor text area","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/33xPhB0l81y5dsTK0NS8Rd/6c50c54a3b58970b0fa8b4c9d3955109/img-limit-characters-ver2-0.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 set character limit and maxlength | TinyMCE"},"metaDescription":{"metaDescription":"You can limit character number and set maxlength in a form with a help of a small code snippets to count the number of characters in the text"}},{"title":"How to enable HTML and JavaScript code snippets in your app","slug":"code-snippets","featured":false,"lastUpdated":"Feb 2nd, 2023","description":{"description":"

Find out how to set up code snippets facilities for content creators.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to set up code snippets facilities for content creators."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A code snippet symbol with the HTML5 and JavaScript icons overlayed to show they are close","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAulBMVEUQGDcPFzYOEzAKCSILCSINES0PFjUQFzYYI00wSpEuSI0ZKVkHCywMFTUNByccPm02fM0dccIAVZkAABMAACgIEzUOACUHS24OjL6BocCNqMaSk5ZHSVkAACwMFTYPGDcOACkAUGdUtc3u3N3+597478WrqqsAACIJEzUPFzcODzMAGjglV2azqazBuLnAvrVzdH8LFTYPFjYKDTIAACQAACAAAB4DDzQOFzYQFzcMFDUEEDQADjMBDzT6ES7GAAAAZklEQVQI12NgwAIYkej/aIKMYPD7P7Ig+282sOiX/0iCjLwQpYxv/iOp5GeEgYdALgvEFC64IAOG4BPZdwjBnxwgoXsMymDdDEwQlezn2NjYNBkZP4J5zBDBJww856X+Mb+/A+YBAAhvFLm9lV51AAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1920&h=1080&q=50&fit=scale 1920w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1oaendfo1NQEm2JkYyFu7O/7250c9455acb9f8f497eace654573f2b/HTML_and_JavaScript_code_snippets.png?w=1920&h=1080&q=50&fm=webp&fit=scale 1920w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enable code snippets | TinyMCE"},"metaDescription":{"metaDescription":"Find out how configure your app to create code snippets for anyone writing content in your app."}},{"title":"Neon fonts and glowing text CSS: get started in two steps","slug":"neon-fonts-and-glowing-text-get-started-in-two-steps","featured":false,"lastUpdated":"Aug 10th, 2022","description":{"description":"

Thinking about how your designs can stand out from the crowd? Here are some CSS tips and tricks to get you started with some funky neon fonts and glowing text.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Thinking about how your designs can stand out from the crowd? Here are some CSS tips and tricks to get you started with some funky neon fonts and glowing text."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Neon sign of speech ballon with text: 'hello'.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"Neon fonts and glowing text | CSS animation and effects"},"metaDescription":{"metaDescription":"Find out how to get neon fonts and glowing text in your web designs for free in two simple steps with CSS text-shadow and animation properties."}},{"title":"How to get inline CSS in HTML for your apps","slug":"inline-css-html","featured":false,"lastUpdated":"Jan 18th, 2023","description":{"description":"

Find out how to create inline CSS in HTML content in your apps

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to create inline CSS in HTML content in your apps"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"CSS style added inline to a list of HTML tags","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAMJ/8QAIBAAAgICAQUBAAAAAAAAAAAAAQIAAwURBCExQVHB0f/EABgBAQEAAwAAAAAAAAAAAAAAAAIDBAUG/8QAHBEAAgIDAQEAAAAAAAAAAAAAAAECEQMSURMx/9oADAMBAAIRAxEAPwDPnHYivk1hn5SUk+G1+zsIQ6zT5MujrVseuDqRSWyFY0N6XR+y6iukve/kWFehlYhXLqOze46fS6YWo9JKI2NqAmQgNlown//Z","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/vYT2vWJOPwnByc1x5gzyl/d5aadb47e2f8a0cce0430e64fd5344a4/img-inline-css-1.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 inline CSS in HTML content in your apps | TinyMCE"},"metaDescription":{"metaDescription":"Inline CSS in your HTML content is possible with TinyMCEs new inline CSS Plugin. Find out how to create inline CSS in HTML content in your apps"}},{"title":"How to add spelling autocorrect to your app","slug":"how-to-add-autocorrect","featured":false,"lastUpdated":"Oct 31st, 2022","description":{"description":"

All the necessary steps for adding spelling autocorrection to your app! Read on!

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"All the necessary steps for adding spelling autocorrection to your app! Read on!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A messaging interface that resembles the apps where autocorrect is used","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3usopy2Vfar2JTgkV4WiaN/fe46961217daccd2403f464382cea155/img-autocorrect-chat-version.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 add autocorrect to your app | TinyMCE"},"metaDescription":{"metaDescription":"All the necessary configuration steps for adding spelling autocorrection to your app with TinyMCE."}},{"title":"Add gradients to icons in your applications","slug":"gradients-icons","featured":false,"lastUpdated":"Feb 18th, 2021","description":{"description":"

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! 

","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! "}},{"title":"Sorting HTML tables","slug":"sorting-html-tables","featured":false,"lastUpdated":"Dec 17th, 2019","description":{"description":"

When designing HTML tables in your content, you often need to manipulate the data to better present it for your audience. This can involve sorting which is typically difficult to do when working with HTML. In this article, we discuss solutions for sorting HTML tables.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When designing HTML tables in your content, you often need to manipulate the data to better present it for your audience. This can involve sorting which is typically difficult to do when working with HTML. In this article, we discuss solutions for sorting HTML tables."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract depiction of table sorting.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAAChUlEQVQYGQXB2YpcVRiG4fdba+2qXVXdnZ4U44FCEk2Mw4EGJe21eeKhd+MFCIqNCiJCSBBRUJzamOq5qmuP/+fz6PDzJagJBgMAAAAAAGY0NnWiD7qwxDwzyRR6+q4t16sCACCbCOcMALaq7O2XKqQII3mIdTdzKaXpyGcrV9U4rbGRUt+XzVW/t4sN2DrYWb3yXjU++UuLafnortvuzy8ur9qdMvaUtmfdKDWEjRiGsW3oLsAJZDVX7eWezZbalJ6du+v68/BMRT0ReVKnwztJWbZJNaoJA7JJCi+aRpQa4LSTY3Y4tKdtYcAd89vDrder+OMFOZeP39VsOhw/8WpDyeXoHe1sMY7Dt0/jYqUkJB6+vD7eFA0QNMu8Wopq30ZPl0qKbkapkfRsqXJO2JupS4UkefytWZ8uCqMUvl5vjz+udx4EhuW1phUpux8gWK4kMSmkRE50AwRi/62mMMCIzOyBFq8x/vqPqio/fqR6Onz1vdcbbB3cKkfvk7MvrobjH4hQSrxxW4vPzvLl83GyU283W/db+h6L2QTgpkUCSNK0AhzhdhCGGBsVRjkQNJe76ZeT2cNEH4wd23Mtilc3GDDzTEqOQKNtTKpLIcRIsrAn9/LkYB2//8t8Vh4dETF8+Q1dx6wuHzxmPmPTDF9/x80GJbDmn16W6xMtdgfXpT6t72w0diByJoJhJCUDJWMTwRBgUpAmJZGExk3jktv/tlK6mX1Y3PTIOtxD8um5wkTPpNL+PinRtj47R1GSGScHXp+ltkuN86td2gmf/c10mu/dJaXx+c+0LTbbh/nt+5TiF8s4+Qlb809WRkhZaESxLG+ukAhsA0gkYYggjE1KJJH0P3uvfFc9he2FAAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5rKHmKyD8EqpL3e9KgDQ1p/8e22dbd8bd4e53b8e390702c0289917b/Image_default_sort.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":null,"metaDescription":null},{"title":"How to self-host TinyMCE for your website or application","slug":"self-host-tinymce","featured":false,"lastUpdated":"Sep 15th, 2020","description":{"description":"

An overview of your options to self-host TinyMCE including where to download TinyMCE as well as how to use it with your package manager of choice.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"An overview of your options to self-host TinyMCE including where to download TinyMCE as well as how to use it with your package manager of choice."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract illustration of physical servers depicting self-hosting concept.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACT1BMVEUFtvEEtvEKufERvfESvvEMufEGtvELuPEGt/EGse4Fse4Ls+4Rt+4SuO4MtO4Isu4Ks+4IrOsHrOsFqusEqOsIq+sPr+wQr+wJq+sEqesFquwMrusTsewIpukHpOkRrugcwuwcw+0cvekbuOYexO0bwu0XtOYZuugSrOUGpOkLp+oPquoKp+kIn+gEmucgxeow5+ku3+Qt3eMr09su4ucv5+kitdAJmOMPougKoOgJl+YIl+YEkeYgwuou4uUqzdUt3OMr0tos1t0u4uYjscwMj+IJmOcKl+YPmeYJj+YIjuYJiOUiweoz/Pwx9Pcv6e4s194y+Psx9Pgz/P0jsc0GhOEPkeYSkeYJh+UNiOUOgeQivuoz//8v6O0s1t4ir80He+APieYRiuUJf+UNgeUPguUNeuUhuekt3uEr0Ngs2N8r0Nks1d0t3uIircwMd+EPg+YPg+UNe+YPfeYPfOYHcOUftukqy9EmtMAqzdYnvcgqzNIjrMsMceEOfeYMe+YPeecOeOcKc+cEaOYgteor0dUnvMcr09oqz9cpxM4r0dYjrMwLa+IOd+cMdecIc+cNcugLcOgIbegEY+cgtesz+/gy+fgs19sy+vkjrcsKZuMKcOgIbugIauoIaeoGZuoRf+Mem84emswcjsYaiMkems0bhcMckc0fm8wfm8sXdsUIZugHaeoGZusGZuwHZuwFYewDWuoDWeoEXesEX+wGYOsGX+oGY+sGZewFYu4FY+4GY+4GZO4HZe4IZu4EYPEFYvEFY/EGY/EEYfEEX/EBbEf5AAAAoElEQVQYGQXBAU6DABAEwB04SbUU+KL+S/2iNdVokJ4zkiSJwF9n4tdjkiRgT5Lp76FOCQL2ZPrJrOYEgPt+WlFbAkh3F9zqEoD0dSlYaw1Aehlxu6g1EO4Zrk8ZzVJnADnmLkitwHWV/lhHfM21ACvppQub2oD3F+m35y7Eqx6Ao4DPri2Ae1eE761rTqIHR0q6j5yTmpJEehx0BnuS/ANGWzGQyTHucAAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5lI2YinVcA1wfClvoa7i3Y/13f7334cdbd547b38ff0a15ce678d1ce/Image_default_self-host.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"Self-host TinyMCE for your website or application"},"metaDescription":{"metaDescription":"An overview of your options to self-host TinyMCE including where to download TinyMCE as well as how to use it with your package manager of choice."}},{"title":"How to Self-host TinyMCE 6","slug":"self-host-tinymce-6","featured":false,"lastUpdated":"Apr 11th, 2022","description":{"description":"

Self-hosting gives you complete control over your rich text editor and its associated plugins. To get started with TinyMCE 6 self-hosted, read our new guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Self-hosting gives you complete control over your rich text editor and its associated plugins. To get started with TinyMCE 6 self-hosted, read our new guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Steps and checkups needed to get started with TinyMCE 6 self-hosted","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABDlBMVEUHGUMHGUAHGT8IGkAIGT4IGT8IGD0HGD8HGEIIGUMIG0UHGUEHGT4IFTgIDy8IDi4IDi0HDCsHDCwHETcHF0EIGUQIG0QIG0IIFjkIMWYJQYMJPHoJPn4IPXsIP38IN3EIFjsIGkMIG0EIGj8IDSsKVaYMdd4MbtEMcdgMb9QMcNUMc9oLY70IFDUIGUAICSYMbdEMcNQIETEIGT0IByQJVaUMbdAMcdcMb9MLYr0IEDAHBiYJVKUMdNwLYbsHDzAHFzsIDjIJUZ8Ma8wMaMcMZ8YMassMbM0KXbQHEzYHFzwHGD4IMGUJO3kIPHkIO3gIPn0HFTgHGD0IETIIETQIEDIHDS0HETMHFz0HGUJfaHybAAAAsklEQVQIHQXBO0rEUABA0XtfksnLRyJMYTfF2Cm4AF2A1mkkKxTcgXuwEASDZZjK2kwMoj7PEVQETEHXSpDmi3qtRFU90qpCtlUV1Y+2nXLBnaqqjtvmkLxi5nCxWK/Gbze+JAjzDKk4ZdN1Kyfx9RIIAJTlGZ/QFsX1qOQwpbDRsrNLQcsl+wtMidvn+r16i7EeY1yqn2TxC9nueKNPd+jj/QMDDk2232fneZ/nfV8OAP8zLS31olB5qQAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/41q34YXp7E9S2McWzTNK7M/0921fe3548d5272858274d4503a636f1/Image_TinyMCE_Self_Hosted_Guide.png?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 Self-host TinyMCE 6 | TinyMCE"},"metaDescription":{"metaDescription":"Steps and checkups needed to get started with TinyMCE 6 self-hosted. Self-hosting gives you complete control over your rich text editor and its associated plugins."}},{"title":"JavaScript localStorage example with a rich text editor","slug":"javascript-localstorage-example-rich-text-editor","featured":false,"lastUpdated":"Feb 19th, 2020","description":{"description":"

Adding a rich text editor to your applications for the first time? Start with a simple example using JavaScript localStorage.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Adding a rich text editor to your applications for the first time? Start with a simple example using JavaScript localStorage."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract illustration of JavaScript logo, database, and rich text editor window.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACf1BMVEUVsesUsOsMresJrOsIrOsSsOsOrusTsOsUq+oNqeoJqOoKqOoKp+oMqesRqusOqesIqOsJqOsOqeoTq+oNpOoKo+oLouoLn+kLpeoKp+sLoOoLoeoLo+oMo+oQoukOneQLnOMJnOQMoOgTpeoLnukLnOkHxvIB8PwA9f4I2fYMpOsKnOoLnekNnuoRneghsNww3eoz5u4x4OwjudwSnOYToeoLmukMlukIt+8B7/QIub4IrbQQ2tsWzesLk+cMoOoRoesNk+UhpMYsztcs090qz9khrcMSk+ATnesTnekMlekMkOkFz/UC7OwQIFUVUW4dub4h3uYRjt8J0vUI0PQIj+Ymwtow5+wu4ekv5usnztsSkeATmesRmOoMkekMjekIvvII6+wVg44ZqrEe09MhydUUht0MsvAIsO8JieUeo8Qlwc4kwtAkwc4eqsASjN8RlOsMkuoLjuoLjeoKkusRzu4e5OQf5uQf0NMYi8UNi+kKjOoNieYjwtwt7u8s7O4s7e4izdwOiuILj+sKj+oAi+oAiuoAiOoAiOkEmd4LmdEIgdEAhecAiuwAiusAjOsBjOsCiuIImNsLoNsHmtoAid8Ai+sAg+sAgesAf+sAfusAfewAfuwAf+0Af+wAfOsAfesAgOsAhOxIke2zx/K4yvK3yvK4y/K2yfG3y/K90Pa9z/a/0Pe1yfI0heJyn+/29vf+/Pj8+/f8+/j8+vf7+vf49/T6+fb5+PX///z///3////6+PVaf8BqmvDz9Pf9/fz5+fn29/f19fX39/j39/f09PX4+Pn4+Pj19fb7+/r09PNReb5rmvH7/P/39vVPdr5qmfJOdb5ql/NOdL4JJXgSAAAAeklEQVQYGWXBwQ7BUBBA0XunU22oSOje/3+cSOwQfUpr450jKiunxonQ3hmFWWn8IgdX3Hu/IJu9/8iztRyt5WgtR3/wJ0/+uXV9Hl08S8Fose3MwVmBbSEEGTQHVxONQgnNg3rlqOj02viRBy/suLN4AKORVCKCSrwBvMkU+paRWQcAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/mb4MskVRf4QqOqykULF1H/581401964ebb05fc3ebb6c6140e60088/Image_default_jsLocalStorage.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"JavaScript localStorage example with a rich text editor"},"metaDescription":{"metaDescription":"Adding a rich text editor to your applications for the first time? Start with a simple example using JavaScript localStorage."}},{"title":"Getting started with TinyMCE HTML email editor","slug":"email-marketing-software","featured":false,"lastUpdated":"Aug 18th, 2020","description":{"description":"

Find out how to get started with the TinyMCE WYSIWYG editor in your email marketing software. Deliver the best email builder with HTML inline editing using our rich text editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to get started with the TinyMCE WYSIWYG editor in your email marketing software. Deliver the best email builder with HTML inline editing using our rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract instance of TinyMCE with a button that reads \"Get started with TinyMCE\".","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABelBMVEUHG0wFGkwCGEsAF0sAFkoDG04KIlMMI1QEHE8HHE0GG0wGGksCGEoAE0kAAEQAAEEAAEAAAEoAAEsAAEUFG0wAA0U5PltESWI/RF8+RF4/RWBAR2RBSGVBR2JARV9BRl9ESGE4PloAFk0AADNgY3To6Orw8PHy8vPy8vLx8vLx8vPw8fHx8fLp6etgZHYAADUAAB97fYj39/jr6+3////y8vTm5+np6uzo6ev8/Px6fIgAACAAABV2eIT8/P37+/v6+vr29vf9/f0AACEAAAx2eIP7/Pz19fX39/f8/f37+/x2eYUAAAJ2eIL4+Pn19fT09PT3+Pl2eYQAABkAAAD5+fnu7u74+Ph2eYMAABF2eYLv7u7v7+93eYJ2eIB2d392d375+frz8/Te3uDf4OLg4OLh4ePg4ePh4uTg4eLv7/B2eH7IyMwWIUwvNVVITWRnantpbHxoa3toa3xzdYROUmgMG0q1trz6+vt2d3319fbq6uzy8/R2d3wYXQDEAAAAzklEQVQYGQXBTU6DUBhA0XvpxytgwaCm/sSR63HB6tBZ49wVODEO2ihNpUif54gKiOpfhqSuVIHTQmfI5H0f9XGpoqpklS46VXUmQylTao1WFQB3/RxOSWOlOk4lqZibjNZTKqpqyN+J1JrWY3PM/a779VG/1gIHoIbthUY1ci9AAoCbQ2PQDpQCAHCE/bJgAQAAANATyMd1BgDA7bkExeWVqmQKp3x3aPYBnw+q6mnhWNn9UHAb3dtmddbUVbNMm9fyvSOI4QWeAQB46oJ/M0Y5oqzGH4oAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6h7gOn6Ds2sqDNUGsOuLHu/898da9d4b8267a0fe424d5ab354e0358/Image_default_enhance-with-WYSIWYG_Copy_2.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"Getting started with TinyMCE HTML email editor | TinyMCE"},"metaDescription":{"metaDescription":"Find out how to get started with the TinyMCE WYSIWYG HTML email editor. Deliver the best email builder with HTML inline editing using our rich text editor."}},{"title":"How to configure URL validation in your app","slug":"configure-url-validation","featured":false,"lastUpdated":"Dec 6th, 2022","description":{"description":"

Put the Link checker plugin to the test, and validate links without opening or clicking on them.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Put the Link checker plugin to the test, and validate links without opening or clicking on them."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An icon representing a URL being validated - the check mark indicating it has passed validation","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAw1BMVEUuRJ4tRJ4tQ54sQ54xRp8vRZ4vRJ4wRZ88TaFibKtNWqVGVaNDUqJEU6JHVqNKWKRMWaRMWqUyRp85S6A+T6EiPZ1faaqeosWcoMR1fbIYOJxAUaI0SJ8JM5t8g7WprcudocRqc654f7NEVKMnQJ0LNJuBh7eDiriXnMKSl78oQZ05TKAPNZt+hbaVmsB9g7WxtM+an8MpQZ06TKBPXKWJj7uGjLl6gbQqQp4rQp4kPp0RNpsNNJsMNJsYOZwsQp4zR59AOQ0UAAAAeElEQVQIHQXBoU4DQQBAwXnX7d0SBEGQIBFovoHv5yuwdbWF0GUmVABrLQxQ/djX5v5nEU7nqqpu83pnwGNVdTm9dMUA66Gqt64TBjBvR/W7Axt4PZ7mnPN7AhuYl+M49v1jBwbwXlUHMICvFWttzwC2MTZg+zyHfwzzGC8gPA0sAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/piEza0i7YUlQCcMCq6CG9/b5c64a7b247469e0400b9736db2f284a/img-url-validation-in-app.png?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 configure URL validation in your app | TinyMCE\n"},"metaDescription":{"metaDescription":"Necessary steps for setting URL validation within your app. Use our Link checker plugin to validate links without opening or clicking on them."}},{"title":"How to reload editors in web app forms and refresh content","slug":"reload-content-refresh-content","featured":false,"lastUpdated":"Dec 1st, 2022","description":{"description":"

Discover how to reload TinyMCE and refresh content as you need it

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover how to reload TinyMCE and refresh content as you need it"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE and a refresh icon ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4f98ZSbaz0iHGVAACDvY50/a531a31e7caeb2cca4aa73390d16b581/refresh-editor-001.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 reload editor and refresh content | TinyMCE"},"metaDescription":{"metaDescription":"This post explains how to reload TinyMCE and refresh content when rich text editor is placed inside modals and form submissions."}},{"title":"How to add drag and drop in your app’s rich text editor","slug":"drag-and-drop","featured":false,"lastUpdated":"Nov 24th, 2022","description":{"description":"

Discover the steps to complete to enabling drag and drop within your app's text editor 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover the steps to complete to enabling drag and drop within your app's text editor "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"an initial image being dropped into the primary image imitation drag and drop","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/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwUGCP/EACYQAAIBBAAEBwEAAAAAAAAAAAECAwAEBRETISIxBgcSMkFhgYL/xAAaAQACAgMAAAAAAAAAAAAAAAABAwIEBQYH/8QAHhEBAAMAAgIDAAAAAAAAAAAAAQACEQMSIVEEQXH/2gAMAwEAAhEDEQA/AMXYCRMxmbWxklMSzFtuo2QFRmPL+a6lb5HWrb1MAU1CMcbHiMveW1rBe3yTXGwhkij9IPDZxvTdtL8UOTmvx1bOeP2Gta2QPuTcWZ4kavv3AHvU3mxyRK6SRObvsMVvrK5a3u4NtHKoG1JBB7/RI/a18s28MugbBQ+a3iuWRI2zEgU9PTFGDo8johdimNRI1MNIVZnVQAxAA0BSu9vcThP/2Q==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/G0VYNV9koS7l8yYSwNofp/4fb36b1e00557eeae3da5813b6165a93/img-drag-drop-ver-0.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":"Drag and drop elements within your rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"A step-by-step guide for enabling drag and drop features within your app's text editor."}},{"title":"Automating textarea formatting with Formatter API","slug":"how-to-automate-textarea-formatting","featured":false,"lastUpdated":"Jan 31st, 2022","description":{"description":"

Make an API call with the formatter API, and you can automate the styling effort of content within your rich text editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Make an API call with the formatter API, and you can automate the styling effort of content within your rich text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"You can make a call with the Formatter API, and take direct control of the text format inside the TinyMCE textarea.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5zjMBSVYolpaNqHgJ0fDXK/c9427b9c6130977cd1d90f3f78dec18a/Image_API_FORMATTER.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","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":"Automating textarea formatting with Formatter API | TinyMCE"},"metaDescription":{"metaDescription":"How Formatter API can help in automating textarea formatting and makes reuse of text styling (like application of bold, italic, underline format) so much easier."}},{"title":"How to enable in-app Notifications using TinyMCE APIs","slug":"enable-in-app-notifications","featured":false,"lastUpdated":"Nov 1st, 2022","description":{"description":"

Find out all the configuration steps needed for enabling in-app notifications within a user input field with TinyMCE

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out all the configuration steps needed for enabling in-app notifications within a user input field with TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An example of a notification in a mock device","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/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAABAcFBgj/xAAlEAABBAEDAwUBAAAAAAAAAAABAgMEEQUABhITITEHFSJRUmL/xAAaAQACAgMAAAAAAAAAAAAAAAABAgAEBQYH/8QAIBEAAgECBwEAAAAAAAAAAAAAAQIAAxEEEhMUISIxUf/aAAwDAQACEQMRAD8Axjs7MRX9xxUzuo5DAWp0NVz4hJsp5Aix5Fg66eldqjhF9MwWUKLmNH1i23gNl4FpeNfyEmRLYTKSZaWghpHUSK+KAeXf7oaVMRUZGZwAAbcRmQA2B9iV9+/vQ3UXJKjDy0vFzGpEZ3pui02UhQoggiiCD21req9PupsRLtgeDC5u6slJhuR1vNpZeIDgbjtoKqN+UpB8gaG+xNfpUckSaSJyotI4PL/R0cx+yWn/2Q==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6ncAtqn6vU33BESvfuHpuB/0e70fa090aaed4e8ecb2e291e08b5d6d/img-notifications-API-v1.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ravgeet Dhillon","slug":"ravgeet-dhillon"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enable in-app notifications | TinyMCE"},"metaDescription":{"metaDescription":"We cover all configuration steps needed for enabling in-app notifications within user input field with TinyMCE"}},{"title":"How to add footnotes to your app","slug":"how-to-add-footnotes","featured":false,"lastUpdated":"Oct 19th, 2022","description":{"description":"

You can advance your app’s textarea by adding footnotes functionality that is now available in TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can advance your app’s textarea by adding footnotes functionality that is now available in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Footnotes: how to add footnotes text in a box on a background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Voc6UD4pCW9H1mIvG0ZwW/a755f21687ad4ccb8621f87ed6e478d6/img-footnotes-blog-text-1.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 add footnotes to the textarea in your app | TinyMCE"},"metaDescription":{"metaDescription":"You can advance your app’s textarea by adding footnotes functionality that is now available in TinyMCE. Learn how to add and use footnotes in your app."}},{"title":"How to enable merge tags in your docs or email app","slug":"how-to-use-merge-tags","featured":false,"lastUpdated":"Oct 10th, 2022","description":{"description":"

Discover how to set up merge tags for your DMS or email app

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover how to set up merge tags for your DMS or email app"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Merge tags text on a blue background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABAlBMVEUQGDcQGDYPGEENF08MFksLFksMF0sPFz8PFzUMF0YABz8AACsAACoAAC0AAC8AC0ELFUQPFzQADEM6PVRVVmBfYGlQUl0/QVA/QlFJS1dWWGI8Pk5RU104O1UACkEOFzQAAD9yc3+Wl5qmp6qoqKufn6OsrK94eX+Sk5ewsLOcnKCVlZltbnsAADwCEEQkKUk0NkcZHzozNkgACDETGjhFR1UxNEY1OEgiJ0oBDkINF0YCDz4ACC8ADDEACzEABC8AAy8DDzIADTIAAC4ABjAACC4FEkEMFUMQGDUPGEcNF0cPFz0OFz4PFz4OGEoOF0QPGD0NF0kOF0cOF0gOFjoQFzObAKHpAAAAb0lEQVQIHVXBQQ7BQBiA0e+bToJE5zBOYeek9t06iDNIxmZI6lca1HsCshDMlC8FBF+CxIPEmO9BhpVvEBJJGxk2fozZSSND8d+FBLWUcu77up1VENY7l04NYe8EMCA6bwOCB5VZRHcMMtB6fq4BT/2dHYEcdY/RAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5StBhHesRzTx7bKMy6jGKD/7c15d627a7515b973df50fcf9a106cee/img-mergetag-minimal-o.png?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":"Merge Tags: What are they and how to use | TinyMCE"},"metaDescription":{"metaDescription":"Merge tags are great tool to make content within your apps or docs more personalized. We’ll show you how to enable and use it."}},{"title":"How to build a comment system for your app","slug":"add-comment-system","featured":false,"lastUpdated":"Oct 5th, 2022","description":{"description":"

Learn how to enable the ability to add comments, avatars, and comments notifications

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to enable the ability to add comments, avatars, and comments notifications"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Comments in a linear conversation line down the image","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1m7cdF4359qegD3pEMUyjF/8e08402515fef3865c43cd42f7828c2c/img-tinymce-comments-header-0.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add comment system to your app | TinyMCE"},"metaDescription":{"metaDescription":"Adding a comment system to your website or app is easy with TinyMCE. Learn how to enable the ability to add comments, avatars, and comments notifications."}},{"title":"How to migrate from CKEditor 4 to TinyMCE 6","slug":"migrate-from-ckeditor-4","featured":false,"lastUpdated":"Sep 27th, 2022","description":{"description":"

Need to migrate from CKeditor 4? change to TinyMCE instead – follow this guide to find supportive information on migration decisions.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Need to migrate from CKeditor 4? change to TinyMCE instead – follow this guide to find supportive information on migration decisions."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"4 representing CK4, moving toward TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6XVVOXmviwnCihi0obSAzy/9a455ac6c475ef4de137e58c15f8f436/img-ck4-to-tinymce-combined.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 migrate from CKEditor 4 | TinyMCE"},"metaDescription":{"metaDescription":"Necessary steps you need to migrate from CKeditor 4 to TinyMCE. All the configurations and supportive information on migration decisions in one place."}},{"title":"How to add a rich text editor to your Ruby on Rails app","slug":"add-rails-rich-text-editor","featured":false,"lastUpdated":"Aug 24th, 2022","description":{"description":"

Learn how to add a rich text editor to your Rails app with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to add a rich text editor to your Rails app with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE logo and a gem stone representing the integration with the ruby language and rails framework","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/35acRcFEy5I9MIKwk0yXlk/97b7d13d4dfcc25ea2360b15243baa80/img-ruby-minimal-tinymce1.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 configure Rails rich text editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to add rich text editor to your Rails app with TinyMCE by following simple instructions we prepared for you."}},{"title":"How to adapt TinyMCE editor to suit a headless CMS","slug":"headless-cms-customization","featured":false,"lastUpdated":"Aug 10th, 2022","description":{"description":"

You can use TinyMCE with headless CMS.  Find out how it's done, and learn about necessary customizations and configurations

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can use TinyMCE with headless CMS.  Find out how it's done, and learn about necessary customizations and configurations"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A lightbulb that represents the power and insight of customizing tinymce in a headless cms","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/13Ohh8Fzc3gxI37mjLwE8E/8b457d200ab99352cf4038a1aaea9484/img-hCMS-minimal-integrate-tinymce.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":"Headless CMS customization | TinyMCE"},"metaDescription":{"metaDescription":"You can use TinyMCE with headless CMS. Learn everything about necessary customizations and configurations"}},{"title":"How to remove style and clear TinyMCE content with regex","slug":"remove-style","featured":false,"lastUpdated":"Aug 9th, 2022","description":{"description":"

Regular expressions can help identify and clear content, and remove style. Here's how to remove style content from HTML.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Regular expressions can help identify and clear content, and remove style. Here's how to remove style content from HTML."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"regex for finding 5 letter words like 'style' displayed in a box with a pulse icon","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4aeev8YNQT46ICWeotB4rZ/0c5220a04dd01583afaba53f10efd51c/img-remove-style-regexincluded__1_.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 remove style and clear TinyMCE content with regex | TinyMCE"},"metaDescription":{"metaDescription":"We’re covering how to remove style, and the methods of removing style, and clearing the content with the help of regular expressions"}},{"title":"How to make read-only content in your DMS","slug":"read-only-in-document-management-system","featured":false,"lastUpdated":"Jun 22nd, 2022","description":{"description":"

Learn how to enable read-only mode for the content in your document management system.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to enable read-only mode for the content in your document management system."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Mouse pointer with readonly icon.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/11Ze0NDiE9Ve9qxMYkwjii/bdd4edf45951ccc9a192611841d06681/img-lock-readonly-tinymce.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 make your content read-only in document management system | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enable read-only mode for the content in your document management system that allows users to protect their documents from being edited"}},{"title":"How to load and post Ajax content in TinyMCE","slug":"load-save-content-with-ajax","featured":false,"lastUpdated":"May 18th, 2022","description":{"description":"

Ajax load and Ajax post are vital events. Learn how to configure TinyMCE with Ajax to run save and post methods.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Ajax load and Ajax post are vital events. Learn how to configure TinyMCE with Ajax to run save and post methods."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE save and post with Ajax and a clock representing timeout","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7mXTkAFgZSvc9hgDLbdUMk/fc5919f30daa3bea7d980d6b22631c63/Image_TinyMCE_Ajax_load_save.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 load/save and post content with Ajax in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Ajax load and Ajax post are vital asynchronous events. Find out how to configure TinyMCE with Ajax load and Ajax post events with TinyMCE"}},{"title":"How to create a text editor plugin with TinyMCE","slug":"create-plugin-for-text-editor","featured":false,"lastUpdated":"Apr 26th, 2022","description":{"description":"

You can create a plugin with custom functionality - here's how to add that plugin into your TinyMCE text editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can create a plugin with custom functionality - here's how to add that plugin into your TinyMCE text editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"how to build a text editor plugin, with TinyMCE as an example","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/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAQcDBAj/xAAmEAABAwIFAwUAAAAAAAAAAAABAgMEACEFBggREgcTMSMyUXGh/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwUGBwD/xAAlEQABAwIGAQUAAAAAAAAAAAABAAIRAwQFEhMhMZFhIkJRUqH/2gAMAwEAAhEDEQA/AKOlzTllrq1iOZms0s4g61h7MdbAgP8AaUOZXyJtf2i1avij6tkKemQM08+IWR4To3hqmo0uyxx5mT54T9maFOmEXD5a2Y2YULQy44lS544gBJIJt8jx5pC3ELguEuHSevs7UNJFJwMHedog78/nKw7Dy841HQOJJI3JNW77MucoiliMMEJvtpMZ5PYW5H5ABRZcUjf72Iqs0mEGWgqHzv29R7hBcqSokGZKINiDIXf9rhRpfUdBCD3n3HsqAQmAB6SaJkb8Ioe4Dlf/2Q==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5tBBf0N1weXyVKW2MJE0Al/4dc0e12cd9e67458478fa160b6d50fd3/Image_TextEditor_BuildPlugin.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Shahed Nasser","slug":"shahed-nasser"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Create a plugin for a text editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create a plugin with custom functionality and how to add that plugin into your TinyMCE text editor."}},{"title":"How to configure TinyMCE in modal windows: FAQs and solutions series","slug":"tinymce-and-modal-windows","featured":false,"lastUpdated":"Apr 25th, 2022","description":{"description":"

TinyMCE works within modal windows and bootstrap modals. Read on to find out how to configure TinyMCE with modals

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE works within modal windows and bootstrap modals. Read on to find out how to configure TinyMCE with modals"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE works in modals, including Bootstrap Modal Windows","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/JCbjE05pd3Vg1PWTCJjAY/3bca63c3f2a0ed766464ff4367b92be9/Image_TinyMCE_Modal_Bootstrap_Modal_Window.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":"Configure TinyMCE in modal windows | FAQs and Solutions | TinyMCE"},"metaDescription":{"metaDescription":"TinyMCE works within modal windows and bootstrap modals. Find out how to configure TinyMCE with modals."}},{"title":"How to set up Cloud hosted TinyMCE 6","slug":"cloud-hosted-editor-setup","featured":false,"lastUpdated":"Apr 6th, 2022","description":{"description":"

You can configure cloud hosted TinyMCE – read on to find out the steps, specifics, and configuration options to configure cloud hosted TinyMCE 6 editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can configure cloud hosted TinyMCE – read on to find out the steps, specifics, and configuration options to configure cloud hosted TinyMCE 6 editor."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Cloud hosted TinyMCE how to guide represented by a cloud image and the word cloud","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1ve2yceD4rOAJjbZ16Igkv/4f0126ea59934814ca6e1290264ef69d/Image_TinyMCE_Cloud_Hosting_Guide.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 get started cloud hosting TinyMCE 6 | TinyMCE"},"metaDescription":{"metaDescription":"Steps, specifics and configuration options of cloud hosting TinyMCE 6 editor"}},{"title":"How to migrate from Slate.js to TinyMCE","slug":"migrate-from-slatejs-to-tinymce","featured":false,"lastUpdated":"Sep 14th, 2022","description":{"description":"

The complete guide explaining how to migrate from Slate.js to TinyMCE. Read on to find out the specific migration steps.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The complete guide explaining how to migrate from Slate.js to TinyMCE. Read on to find out the specific migration steps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to migrate from Slate.js to TinyMCE steps","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2cGEGoSi3g0vCX28BfabIN/2e7266efaf2c70d1773713aaff72b9f7/Image_Migrate_Slatejs_Tiny.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to migrate from Slate.js to TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"All the aspects and steps of migration from Slate.js to TinyMCE WYSIWYG editor in one place."}},{"title":"How to create a Learning Management System for educators","slug":"how-to-learning-management-system","featured":false,"lastUpdated":"Mar 9th, 2022","description":{"description":"

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.

","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."}},{"title":"TinyMCE inline option not working? FAQ and Solutions series","slug":"tinymce-inline-option-not-working","featured":false,"lastUpdated":"Feb 15th, 2022","description":{"description":"

The reason why TinyMCE inline option is not working? It's because textarea elements don’t work with inline mode. Use a div or another HTML element instead. Here's how to use inline mode:

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The reason why TinyMCE inline option is not working? It's because textarea elements don’t work with inline mode. Use a div or another HTML element instead. Here's how to use inline mode:"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE inline option is not working because textarea elements don’t work with inline mode. Use a div or another HTML element.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2znmxOoaw2COCSq4Ku559O/8e3a076bd3f2df073b6ca98a0d32adb4/IMAGE_TinyMCE_inline_notworking.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":"TinyMCE inline option not working? FAQs and Solution | TinyMCE"},"metaDescription":{"metaDescription":"The main reason for the TinyMCE inline option not working is that a textarea element doesn’t work with inline mode. Try to use a div or another HTML element."}},{"title":"Working with the TinyMCE script loader API","slug":"how-script-loader-api-works","featured":false,"lastUpdated":"Feb 8th, 2022","description":{"description":"

You can use the TinyMCE script loader API to control when scripts load on your web page. Here's how to use the API.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can use the TinyMCE script loader API to control when scripts load on your web page. Here's how to use the API."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE script loader API offers a solution to running JavaScript as you need it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4V0XaPWmPwQydoZwhaECFq/439b1c9aa9c1519afd9d7d32b00368a5/Image_API_ScriptLoader-2.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 the TinyMCE Script loader API works | TinyMCE"},"metaDescription":{"metaDescription":"TinyMCE Script Loader API is used for asynchronous/synchronous loading of external Javascript files"}},{"title":"Setting text direction for internationalization with TinyMCE","slug":"internationalization-text-direction-in-rte","featured":false,"lastUpdated":"Feb 2nd, 2022","description":{"description":"
TinyMCE has the capability to set up alternate text direction and language. Here's how it's done.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"div","properties":{},"children":[{"type":"text","value":"TinyMCE has the capability to set up alternate text direction and language. "},{"type":"element","tagName":"span","properties":{"style":"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;"},"children":[{"type":"text","value":"Here's "}]},{"type":"element","tagName":"span","properties":{"style":"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;"},"children":[{"type":"text","value":"how it's done."}]}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Configuring different languages and text direction opens your rich text editor to reach international audiences.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACEFBMVEUT+voS+voR+voK+voA+vpS+/tl/Pxs/PwA+/sN+/sP+/sm9fYl9fYj9fYW9fYA9fYA9PUE9fZp9/jK/f3w///x/v7o+/tW7/AA9vch9vcj9vc58PI48PI38PIw8PIm7/Gv9/i/+vqb9faF8/Ty///8///F5eao4eL6/v6g5ucJ7/E08fM28fI18fJJ5ulK6OtL6+5J6+4/6u2I8PLx///6/f3u+PjB8fLE3d/0/Pzb9vbY+/v2/Pt50dM25+pH7O9I7O9Z299V1NlW2d5Y4OVY5enW+Pn////d6+y0yMvp9PRfpq2Fr7XV4+Tf7u6r19lUz9NP1dpT2d5X4eVa5upw4uZt3OFm0NZiytFn2+CH2d6gvcGQtro/kpy51tjK3N9Dl6FlztNr09hd299p4uZq3uNl0thgy9Jn19181Np3zNN4zNN80tl/2uB72uBsxc1brLVPpa+txsrV3+B5xst93+V93eN+3eN71910zdN1zNN50tl92uCP0NeQ0diT1t2T196U2uCS1t2BvMVOeYpbh5KP1NqS2N6R196O0tmN0diQ1t2R2N6m0tml0dml0tmm09qm1NuMuMMwT28fP2N8prChz9al09uk0tqj0tqj09q5zNW4zNW6zteesbxMV3M7Q2Y9RWhBSWl/kZ2yyNC3zda3zdW2zdXDydLEytO/xc65v8i7wcq6wMm5vsfCyNF5+yK3AAAATElEQVQIHWXBQQqDQBQFwW55uAmK4Nz/oEoYHSFE+FWCqAzqN4ofcOiTP2TDIrsF2a3SrNKs0lTwcc4OZAPxpUNWEPwDsjB4Qz06twvJmgdsi+f52gAAAABJRU5ErkJggg==","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/LrBBv9eRpxHQcmTxGqpbA/972645bc46c408600324e900d809955d/Image_DRAFTDEV_TextDirection2.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Vikram Aruchamy","slug":"vikram-aruchamy"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to change text direction for RTE internationalization | TinyMCE"},"metaDescription":{"metaDescription":"Adjust your rich text editor for multi-language use: learn how to change text direction and localize the interface."}},{"title":"How the TinyMCE AddOnManager API connection works","slug":"how-the-tinymce-addonmanager-api-connection-works","featured":false,"lastUpdated":"Jan 25th, 2022","description":{"description":"

Our new how to guide explains the steps to connect a plugin to TinyMCE through the add() method of the AddOnManager API.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Our new how to guide explains the steps to connect a plugin to TinyMCE through the add() method of the AddOnManager API."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Adding plugins to TinyMCE with tinymce.AddOnManager API is important.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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F3CculE8AAACx1BMVEXKbkbLbkbMb0XMbkXMbkPFbUjIbUXLbkTKbUane16oe12ed1+Oc2WjeV6gemFYfIF1fHmnel2nel6ne1+DiHaEiXZZencAd4RIfYFegH8AhZIXh5J0hnuEiHWCiHaDiXdflo9hl49EhYcXfYkbg48khJAliJQfi5dJjZBglo5flY5gl49hl5Bgl5A9pKg+o6czkpkkgYwmh5IoipUriZQnjJkvkZs9oqY8o6c9o6c/pKhApKgtn6omiZMnhZAng48pjJgrjJgrkZ0uoawto64toq4uoq4vo64xpK8ypK8zpK80pK8ulaQmfYkmgIsrhZApi5cqjZkqj5ssjZktjpsulqYumKcul6cvmKcwmagymqkzmqk0mqk0mqoukKQrhpcng40rh5Iri5YqjpoqkJwskJsvkJwvl6Uvm6gvlqUvkKMwj6MxkKQykKQthp8thZ0qgZQpiZMti5Ytk6EumKYumqgumqctmaYulKMuip4vhp4vh58wh58rfJksfJkse5grfpMqiZUqjZgpjZsnjJ8ljKAmjKAmjJ8ojJ8oi54oiJsqfpgtfZotfZksfZkqc5QqcpQpcpImd5EqgJYogJg2hJsugposgpkugpkMfJUIepMIeZEadY8ncZMpaY8qaY8jZ45Md5ehtMCnusStvsijtsKsvceZr7ycsb2jtcCMo7EzbI8naY8oYIolX4o0ZYtfgZhmhp1hg5tdgZpfgppjhJtyjaGCl6hXeZEkX4cnYIonV4UoV4UiVYMPVn0EVn0GV34IV34EV34DVnwAVHoAUXcPUngkVYQnV4YmToAnToAnToEmTYEiTnofT3YgUHggT3geTXQdS3EiS3kmToElRXwmRXwlRHshRHMeQ24eRG4eQ20dQmwdQWohQnEkO3YlO3ciOnEfOWseOGgeOGcfOGkiOXAlO3YlPHckNHIkNHMkNHQkM3K4CfxQAAAAmUlEQVQYGQXB0VHCQABAwbd4zkDARBj7sP9ybEEdlA9z7irAozr2W+UE8DhWPy119wZApapxAaDuZ5WxApDnc2qOFd8vAivsjVdcAcA+xw2AILPxCh/XlQCzscE7+Bv4Whm3AgC3r9nYzA7A/gTbp7FVAAGN1awDBGCsEpT9CT+bcVEFwWOep7Goah6A5beOY6lK5qHd7FT9AwKBIm1qzvOdAAAAOHRFWHRpY2M6Y29weXJpZ2h0AENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueflXeTcAAAAhdEVYdGljYzpkZXNjcmlwdGlvbgBzUkdCIElFQzYxOTY2LTIuMVet2kcAAAAmdEVYdGljYzptYW51ZmFjdHVyZXIASUVDIGh0dHA6Ly93d3cuaWVjLmNoHH8ATAAAADd0RVh0aWNjOm1vZGVsAElFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQkRTSKkAAAAASUVORK5CYII=","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/MUzlYUJVpTHmh4DTxQrc7/707b88b7567ddc3d2d8f606cb355f811/Image_API_AddOnManager.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","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 the TinyMCE AddonManager API works | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to add plugins to TinyMCE with tinymce.AddOnManager API"}},{"title":"GetTinyMCE by element: FAQ + Solutions series","slug":"get-tinymce-by-element-selector","featured":false,"lastUpdated":"Jan 18th, 2022","description":{"description":"

 Selecting the TinyMCE editor by an element can be done by targeting element id's, and with the TinyMCE setup option.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" Selecting the TinyMCE editor by an element can be done by targeting element id's, and with the TinyMCE setup option."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Getting the element of an object in the TinyMCE rich text editor is straightforward with this guide.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3XgaG6R0FjJyPog7NgmGDY/46aa1f6179a5f2c36cdc0916cbb726bb/Image_Get_Element_byID_SA_Series2-1.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","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":"Get TinyMCE editor instance by element selector | TinyMCE"},"metaDescription":{"metaDescription":"Learn about ways to get TinyMCE editor instance by element selector, steps to take, common mistakes to avoid."}},{"title":"How to add a textarea editor to your website with TinyMCE","slug":"add-wysiwyg-editor-to-website","featured":true,"lastUpdated":"May 25th, 2022","description":{"description":"

There’s a few essential key terms to learn, but once you know them, it’s easier to add a textarea to your website, and transform it into a WYSIWYG.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There’s a few essential key terms to learn, but once you know them, it’s easier to add a textarea to your website, and transform it into a WYSIWYG."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"It’s easy to add a WYSIWYG editor into a website when you have the right tools available to you.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4vI8g62rLdDdGYG0hJgVFy/0ee38b5a93e53d861398257d2a655c63/Image_WYSIWYG_editor_addwebsite.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","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":"Add a textarea editor to your website | TinyMCE"},"metaDescription":{"metaDescription":"Follow these simple steps to add textarea editor to your website using TInyMCE. Find the example code to add WYSIWYG editor to textarea in HTML"}},{"title":"Is your domain registered with Tiny Cloud? ","slug":"domain-registered-with-tiny-cloud-referer","featured":false,"lastUpdated":"Sep 8th, 2021","description":{"description":"

If you see the error - \"This domain is not registered with Tiny Cloud. Please review your approved domains.\", or this error - \"We could not check your domain because the referer header was missing. Please see the guide on how to ensure the referer header is present.” - It's possible to investigate and troubleshoot the website referers (which is spelled  with a single letter “r”, and isn’t “referrer”). This post explains a reliable way to troubleshoot and remove the warnings, and understand how referers cause these error warnings.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you see the error - \""},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"This domain is not registered with Tiny Cloud. Please review your approved domains.\", "}]},{"type":"text","value":"or this error - "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"\"We could not check your domain because the referer header was missing. Please see the guide on how to ensure the referer header is present.” "}]},{"type":"text","value":"- It's possible to investigate and troubleshoot the website referers (which is spelled  with a single letter “r”, and isn’t “referrer”). This post explains a reliable way to troubleshoot and remove the warnings, and understand how referers cause these error warnings."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"domain in greater and less than carets to prepare the reader for thinking about their domain HTML","artistName":" Clark Van Der Beken","image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1vOALZJHalBuyIYistltz8/ad39ef83351d169c448c319d8fb4cc9b/Image_TInyMCE_Domain_Register.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":null,"metaDescription":null},{"title":"How-To’s for TinyMCE and Setka","slug":"how-to-use-tinymce-setka","featured":false,"lastUpdated":"Aug 30th, 2021","description":{"description":"

For the TinyMCE rich text editor and Setka Editor, our How-To Guides don’t take the place of our documentation. Instead, they work alongside the documentation. They explain how to use TinyMCE, and How to use Setka by going into specific situations and scenarios that may emerge, or interesting edge cases that can come up when building a web application.

\n

 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For the TinyMCE rich text editor and Setka Editor, our How-To Guides don’t take the place of our documentation. Instead, they work alongside the documentation. They explain how to use TinyMCE, and How to use Setka by going into specific situations and scenarios that may emerge, or interesting edge cases that can come up when building a web application."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An arrow from left to right crosses over the hint of a page","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABSlBMVEUXI1EXIlEXIlAZJVYZJVcZJlcaJ1scKV8iMWweLGMdKmEdK2EeK2IcKV4cKWAbKWAhL2owQoseLGUcKmEeK2QdK2UgLmoeLGceLGYfLWgdKmQfLWohMG4fLmsgL20hMW8hMG8fLWseOW8eMGsgL28gMG8iMnMhMHAhMnIiM3QiMnQgQHYhPXQgMnAhMnQkNHgiMnUkOXYlPHglPHcmPXkkO3chNXUjNXUhMXQjNHklNn0jNHokNHkkNXklNnsjM3khMnknN3otPXskNn4mOIElNn8uOn8zPH8yPH8yO38zPYAzO34rN340PH4nN34mOIMnOoYnOYUoOoZEPYI9PIIpOYMlOIMnOogpPIonO4goO4opPIsoPIooO4k6PIcrOogmOogpPI0oPI0qPo8pPY0pPY4nPI0qPpIrQJQrQJMrP5MsQZcsQZgtQ5wEnAkNAAAAg0lEQVQYGQXBAVLCUBQAsWx5VCje/6iiA+WbRAFYC3ShFWEtYC5UBfUH5qbqDa5tC+aL+uzgnP0Fs1MV3vdz7r+Yu6pinXXpeDIHVYHqPPqZBxVQVc/HHFSFVJX5prX1gbVtVeZGFfTaq+fNHK2t8wKu09vB7NQOcF5hBgGsAbMBQMA/t6MfG1NRtAwAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4yGJK7MI8cCmpSllQX3jNn/fcae6fdc1ea9289bb447f30974722661/Pillar_Post_2_-_How_Tos_-_02.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null},{"title":"How to set up the Visual Blocks plugin","slug":"WYWSIWYG-online-tinymce-visual-blocks","featured":false,"lastUpdated":"Aug 18th, 2021","description":{"description":"

The Visual Blocks plugin - a TinyMCE Open Source plugin - can enhance a WYSIWYG. If you have a web application or website that requires end users to enter HTML inside a WYSIWYG, the Visual Blocks plugin can help your users understand the structure of their content, and see which elements are nested within others.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Visual Blocks plugin - a TinyMCE Open Source plugin - can enhance a WYSIWYG. If you have a web application or website that requires end users to enter HTML inside a WYSIWYG, the Visual Blocks plugin can help your users understand the structure of their content, and see which elements are nested within others."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Black, white, and grey blocks float in a shadowed space","artistName":" Esther Jiao","image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.6034206306787815,"src":"//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=185&h=115&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=370&h=231&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=739&h=461&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=1109&h=692&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=1478&h=922&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=2217&h=1383&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=185&h=115&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=370&h=231&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=739&h=461&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=1109&h=692&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=1478&h=922&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3bLGVP0oprdqPYHV8jCz5w/27b127d2ce0a301ee7b95acfb88adf88/esther-jiao-FKZwWLWgGyM-unsplash.jpg?w=2217&h=1383&q=50&fm=webp&fit=scale 2217w","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":null,"metaDescription":{"metaDescription":"The Visual Blocks plugin - a TinyMCE Open Source plugin - can enhance a WYSIWYG. If you have a web application or website that requires end users to enter HTML inside a WYSIWYG, the Visual Blocks plugin can help your users understand the structure of their content, and see which elements are nested within others.\n"}},{"title":"How to configure Dialogs with TinyMCE","slug":"how-to-configure-dialogs-with-tinymce","featured":false,"lastUpdated":"Aug 10th, 2021","description":{"description":"

A Dialog is a specific set of components that help you create and build – by introducing some specific JavaScript objects into your rich text editor html. One way to streamline user experience is to make your Dialog’s easy to understand, and easy to use.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A Dialog is a specific set of components that help you create and build – by introducing some specific JavaScript objects into your rich text editor html. One way to streamline user experience is to make your Dialog’s easy to understand, and easy to use."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Neon sign saying \"Hello\"","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1950&h=1300&q=50&fit=scale 1950w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6lrUKvaruJJtSvAYVFBskl/c163867b671da5eb56d0be63a85c9fc5/photo-1512626120412-faf41adb4874.jpeg?w=1950&h=1300&q=50&fm=webp&fit=scale 1950w","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 configure Dialogs with TinyMCE"},"metaDescription":{"metaDescription":"A Dialog is a specific set of components that help you create and build – by introducing some specific JavaScript objects into your rich text editor html. One way to streamline user experience is to make your Dialog’s easy to understand, and easy to use."}},{"title":"What you need to know about TinyMCE’s toolbar","slug":"tinymce-rich-text-editor-toolbar","featured":false,"lastUpdated":"Aug 3rd, 2021","description":{"description":"

To take control of your TinyMCE toolbar, all you need is to adjust the rich text editor HTML with a toolbar group name, some plugins for the group, and a new icon for the group. We’ve put together a short guide on the proc

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To take control of your TinyMCE toolbar, all you need is to adjust the rich text editor HTML with a toolbar group name, some plugins for the group, and a new icon for the group. We’ve put together a short guide on the proc"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Building tools such as hammer, nails and tape measure","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAPABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAUDBgj/xAAnEAACAgEDAwIHAAAAAAAAAAABAgMEEQUSIQAGEyJRFjEyUmFxkf/EABYBAQEBAAAAAAAAAAAAAAAAAAMEAv/EACMRAAICAQMDBQAAAAAAAAAAAAECABEDITGRE1GhQkNxsdH/2gAMAwEAAhEDEQA/AMv9q6hR0TtHXa605E1a1YpyV9QiXJYIzMYXbI8aAr5Ny8kgZ4GCeSywQGjvxNY6Cs7C4/7ke9ZFHuuxNO1q4UkeCYgpbXeV9ZGMbQAgOBj+9KnU9w6zD9P0DSRm7VtkzJB40ckiNhkpz9J/I+XSQJTNA70oUNCsaRYRzqM9hHidF4MAD79x9/WV/WOpWwlsy5QdgRXzX1UqXIFxNjrcjxf7G3xLXqy6LWSGNmuK1qf0Z8pfCxgjgEbUB5+49ZV9XyN3rjfzEZTSY17Xzt4hb1xlsMrRhWU4K+x6qDAixIyCpoz/2Q==","aspectRatio":1.3649885583524028,"src":"//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=185&h=136&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=370&h=271&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=739&h=541&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=1109&h=812&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=1478&h=1083&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=2217&h=1624&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=3579&h=2622&q=50&fit=scale 3579w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=185&h=136&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=370&h=271&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=739&h=541&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=1109&h=812&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=1478&h=1083&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=2217&h=1624&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/1zNj0sq441Lihh7iRmdjSd/7ff8634313bf662b9c89e685c9ae4662/haupes-I7iJOE4fsYo-unsplash.jpg?w=3579&h=2622&q=50&fm=webp&fit=scale 3579w","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":"What you need to know about TinyMCE’s toolbar"},"metaDescription":{"metaDescription":"To take control of your TinyMCE toolbar, all you need is to adjust the rich text editor HTML with a toolbar group name, some plugins for the group, and a new icon for the group. We’ve put together a short guide on the proc"}},{"title":"How to migrate from Quill to TinyMCE","slug":"migrating-quill-to-tinymce","featured":false,"lastUpdated":"Sep 21st, 2022","description":{"description":"

Check on these essential steps if you need to start a migration from Quill to TinyMCE

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Check on these essential steps if you need to start a migration from Quill to TinyMCE"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The steps of migration from Quill JS to TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4WSSeo7fH1UA5BHWT2N7Ke/70a75c8a797b52b4ad5951809fba22bb/Image_TinyMCE_Quill_Migration-2.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to migrate from Quill editor to TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"All the aspects and steps of migration from Quill JS to TinyMCE rich text editor in one place. "}},{"title":"How to set up the TinyMCE save plugin","slug":"set-up-the-tinymce-save-plugin","featured":false,"lastUpdated":"Jul 12th, 2021","description":{"description":"

TinyMCE offers an open source plugin for saving rich text editor contents. Learn how it works, and how to put together a proof of concept. 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE offers an open source plugin for saving rich text editor contents. Learn how it works, and how to put together a proof of concept. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Downloading logo and up and down arrows over a blue transparent grid. ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABxVBMVEUMEywMEisKEisKESoMEy0LEisIDygCCykFDzAKEiwLEiwIDykABSUABjIxOVw7Q2YGDy8MFC0KESsBCSYAACwiK09UXH1veZ1YYYcABy0IESoEDiwaI0hNVHRweZh5g6VyfaNQWoMABCoXEywLEywMFC8MFC4JESsABS9WXn5+h6V6g6Vtd51odJ5IVIAgEzkwIUgVFC0QGj0UHkYNFC8IECoAAC1eZoV+h6dveJ1XY5FeaplJT30sIVAfJlchGzoQGz4YI1EOFjNcZIR5hKZpdZ1VYZFQXpM+SHkoHEIfJVUeIk0THD8XI1AAAS1YY4V9gKJ8Z4ReX4pDUYQjLlkWFjUeI08cI0wXH0YXIk8OFjIACzFtWnyEXoNOQHUkNGoSHD8EDCYTFzYaI08WH0UZJFMZI1AOFTEIEisAEzRzSW1PPXcXO3kVJlcABB4IESkRGTkZJFESGTsZJFIaJlgbIEYPFC4IEywADytqNFRHO3k/TX11doMCCyYJESwUHkUOFzUZHUIeJ1ohIkwQFS8KEy0ADylYKUQ6K10PHj0yNUAGDysLEi0LEy0VFzIoIUcUFjEIEy0GESoEDygCDCoKEi0RFC1L/cLHAAAAnUlEQVQYGVXBsQ4BQRiF0e/yE5EMIdlEvRKt3vPolWqNREEhGm/lCaZToJyIhCkMu2H3HEpqNDFK4qul5AWRDyPpqvB0IZIIGKp0JYkgoz3QnweijLGqToBBT1XRwAA/1c+dxICZ/hyJwXmiChIZc9XswKCvwmWkD8Cgp8KajaSDI8hgG1uSFvktsH8cwcuAVWcJOLJbyAEvo8Zl4N8Igh+xZvPesgAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1109&h=911&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1478&h=1214&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1792&h=1472&q=50&fit=scale 1792w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1109&h=911&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1478&h=1214&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4PxTOVYUpswPfYuBiOAUEx/fd00659a0de74dff3219ae0545d3583e/Saving_content_within_TinyMCE.png?w=1792&h=1472&q=50&fm=webp&fit=scale 1792w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to set up the TinyMCE save plugin"},"metaDescription":{"metaDescription":"TinyMCE offers an open source plugin for saving rich text editor content. Learn how it works, and how to put together a proof of concept. "}},{"title":"Useful styles for your TinyMCE content_css","slug":"wysiwyg-css-style","featured":false,"lastUpdated":"Jun 1st, 2021","description":{"description":"

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. 

","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. "}},{"title":"Configuring TinyMCE to use slash commands","slug":"slash-commands-rich-text-editor","featured":false,"lastUpdated":"May 19th, 2021","description":{"description":"

Integrating slash command abilities into your web app takes some JavaScript and Tinymce’s Autocompleter API. This guide demonstrates one way of setting up the integration.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Integrating slash command abilities into your web app takes some JavaScript and Tinymce’s Autocompleter API. This guide demonstrates one way of setting up the integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Picture of the command key on a laptop ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=2217&h=1478&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6UqLb6pbQEQhSQMkukGR0z/231ce30d440fb23c554c7477909931c2/athul-cyriac-ajay-ndokCrfQWrI-unsplash.jpg?w=2217&h=1478&q=50&fm=webp&fit=scale 2217w","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":"Configuring TinyMCE to use slash commands"},"metaDescription":{"metaDescription":"Integrating slash command abilities into your web app takes some JavaScript and Tinymce’s Autocompleter API. This guide demonstrates one way of setting up the integration."}},{"title":"How to add placeholder text to a textarea","slug":"placeholder-textarea","featured":false,"lastUpdated":"May 5th, 2021","description":{"description":"

Placeholder text is commonly used in online applications to reduce clutter. Learn step-by-step how to bring this into your platform and improve your user interface. 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Placeholder text is commonly used in online applications to reduce clutter. Learn step-by-step how to bring this into your platform and improve your user interface. "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Image of a colourful building","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":0.6666666666666666,"src":"//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=185&h=278&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=370&h=555&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=739&h=1109&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=934&h=1401&q=50&fit=scale 934w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=185&h=278&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=370&h=555&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=739&h=1109&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4TdYbsmYf91O4nzmMswDOU/ec8cf86650a1dc572534fcbb8060b83c/photo-1618863158881-7d8ecd5fb75c.jpeg?w=934&h=1401&q=50&fm=webp&fit=scale 934w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to add placeholder text to a textarea"},"metaDescription":{"metaDescription":"Placeholder text is commonly used in online applications to reduce clutter. Learn step-by-step how to bring this into your platform and improve your user interface. "}},{"title":"Best methods to access support from Tiny","slug":"access-support-from-tiny","featured":false,"lastUpdated":"Feb 4th, 2021","description":{"description":"

Run into a problem with your editor? Need it resolved asap? Tiny has several solutions for you, and in this article, we outline the best ways you can access support from Tiny so you can quickly get back up and running.  

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Run into a problem with your editor? Need it resolved asap? Tiny has several solutions for you, and in this article, we outline the best ways you can access support from Tiny so you can quickly get back up and running.  "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Smiling face graphic ","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAADTUlEQVQYGR3By29UVRwA4N953sfcuTNz+xxLO52CTUbigkghogUfSRMicWEsKzcaCO40bvwnTEgkGuPCYtwZSYxxxVaDbizUSKsCTSwFpjNpb+c+z73nnnMUvw8dO/2+yFPXa4b7/eGTPS9o1eu+kkVZ5GVZ1GoexgQhBACjw7DuN6pKJkkSBOOW7VKECfwPMweiOImqxFPt7pjLGC9FUQjHslWeqErqUoahJITWXJdxS6mKUsptt15p2Ptrf/Wd15473tvauvftjc1g1ivTVGax8QO5+LohnG3fcrVQBtXqTQBACNPocIAJf3hn8MHHr753+Urd9+JRPDX5xbVP1hDhltqXy++S+VMqHvjNaff+zSzPkvgQIUQwoXv9XY0ZAF0+9wpj7GA/dBznzPLL177805w+jowkk4vwH+bkjRmUZ2l8mAvhuK7jBxRjbMAAd4bDIeecPoUlm4WVtwGNEAJDqKZOQcv87s3w7ia0mpZFAYwsBbVtu1I6Y/Hnn33l2NZcp1NAc/D4AXx3FcO2BjCdXvHSJRiNZu5/H7db0RNhLQSMgBApmu5dVKrMhEh3UoC/4dkLcPIibP4AR1+0fr2O7VpxYlX/9vNHH15+6+y0lMXXa99cv3GnPeUUWYSzJMQItZ/pdpd61O9CuwOQw87v9qN1ogrIY/3POoRb5081grFg5sjcGxfOw3AgRJ6LjCotEcYIEDLab7iMQsotNd8jz78JJ1Y1AGTxyoJru03Oraqq+v3HwAK/MYahIpbfLUSudZVnUSkylyCYfUHmIwwagg4QKh9tPEjwvV0kdm5tbNy++ulaUgi3Znl+gJzps8YYeMpwZvmeD3NL0dwZ3f8DwofGgBpfUBOL8vaPsP4LAAfIUEBbjWZrYha15lcos5L40BjDuVX3gyIallM9c/Sctn0EANkB3/6Jj3YVopWq0mRECWHc4txCC0uXGHOKPBqFfVVJrZVWpWPZtu1VgLI0RCLWmBK7LqXUxjDKvca40QohRIIjJ/NsZLsNQrDXnKSMZVmEKUeEGi0Zs2vBDGAsREYI9eot12uoqszzSOsKY0IZs7VWqpIYYYQwAFRlnsYHhcgod+1aS2mtlWq0pv1m23ZbzKqNTXQYs/8FZcCahlfrySgAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2qV4ajgEV0ioeJAQIOiHZt/e190b6391b51d4de0c7996b2d1b4b76d/BlogImage_Jan2021_default_Best-methods-to-access-support.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Qiran Gabrielle-Grace","slug":"qiran-gabrielle-grace"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to access support from Tiny"},"metaDescription":{"metaDescription":"Run into a problem with your editor? Need it resolved asap? Tiny has several solutions for you, and in this article, we outline the best ways you can access support from Tiny so you can quickly get back up and running. "}},{"title":"Announcement: Decommissioning cdn.tinymce.com","slug":"announcement-decommissioning-cdn-tinymce-com","featured":false,"lastUpdated":"Oct 25th, 2020","description":{"description":"

Access to TinyMCE 4 via our legacy CDN is being removed on February 25 2021. Make the switch to Tiny Cloud.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Access to TinyMCE 4 via our legacy CDN is being removed on February 25 2021. Make the switch to Tiny Cloud."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A number 4 falls out of view as a number 5 rises up into view.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACrFBMVEUIG0wIGkwIGUsIEUkHAEQGAEEGAEIHA0YIFkoIG0sJHUwJIE0ICUcKKVAKKFAJJk8KLVIJIU0IDEcIGksJG0oIG0oJHUsLLFEMKU8LK1EIBEUMOlknx88r2uAr2eAs3eMgo60HAD4IGEkJG0kIGUgLKk8MMVIML1AMM1QIAEINPVopy9YpydMhprEiq7UZgpAIAEEJGUkJG0gJG0cKG0gLG0kMI0wMMlMML1EMKU4IAkEMN1ckrb0hobIXcIUSUmsLJUwKD0YKHEkJG0YKG0cMHkkMMFIMM1MMM1IICkEMNFQdip8ejqQglaoglasVZHwKC0IKGkcLHEgKG0YJGkQKGUUMKE0NOVYKIUgKIUcOO1kLJUsPQV4adY8XaoULG0YJGEMKGkIJGUIKGEIMLU8NNVQMMlIMK04OO1gMKUsON1USUG4PPl4NNVUUVXYTVHILHkYJF0IKGUIKGUAJGUAKF0EMLU4NNFQMLlALJ00NOlcNNFIQQWQPOl8POl4PPWEPPl0MHkUKGEAKGUEJGT4JGD4KFz4MLE0MMFEOPVkMKkoMLEoMK1AMK08OOFYMH0UJGDwJFzsKFjwMLEwNM1cNLVQOO1oLKEgMLUkLKE0OOVYMH0MJFzwJFzkJFzgJFTkMK0sPPF4RQWUQPmMPQmALKkYMLEcLH0IJFjkKFzoKFDkMKEcPP14TT3ERS2oTUHIQRmUKJEILLEYMKU0LHkAJFTYJFjYJFTUKEjkNMU0VXnwUWXcWX38KJUILKkMOOVULHj4IFDQIFTMIFTQIEzAIEzEIBzEQRl4adpIZc44ZcIsac48Zc48RS2EKJj4MLFAMNVAIGDMIEi8IFDAIEi0IESwIBCcMM0oTWm4SWGwVYnccg5wYcogMN0kJITkMLE8MKk4KKUIIDyoIEixCsGppAAAAuUlEQVQYGQXBsS5DYQAG0O/wL9Le3vt3I5ImEpPEajWZBWsHRg8lngC70W4QMYh3aG9zg0XrHEmSRCD4TewkSdisC+A7ZZQIANjalDYJACClBay3AcNsWWqgTwXo1FJDv5QWwJDSoJ29HQMwXZQpLE5ZVEB/UCpevnKj83wW/Ew3ZYzUOayaDGPNkNLg7xac3+cqY+JuBODjKJ/NHim7qwn67vHC02tODqE0E2hdk8z3Id4B8JBL9PkHppcpnNwZeLYAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/iAUo3KxkNys6u6p7g0vqQ/ba3fe7211dea389a979feeefd9e2f8e6/Image_default_decommission-cdn.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":null,"metaDescription":null},{"title":"TinyMCE requires standards mode","slug":"tinymce-requires-standards-mode","featured":false,"lastUpdated":"Sep 14th, 2020","description":{"description":"

TinyMCE requires browsers to run in standards mode. Make sure any HTML pages on which you are loading TinyMCE start with <!DOCTYPE HTML>.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{"dir":"ltr"},"children":[{"type":"text","value":"TinyMCE requires browsers to run in standards mode. Make sure any HTML pages on which you are loading TinyMCE start with ."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text that reads \"\".","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABZVBMVEUKHU0IG0wJHEwKHUwJHEsIG0sIG0oLHUwJHEoKHEsJG0kKHEoLHUsJG0gKG0gKHEkJG0cJG0YIGkYGGUYEGEUCF0UDF0UGGUUJGkQIGUQAD0EABD8AAD4AADsAC0AAADwACkAAAD0AAz4IGkQIGUIAEUA9QlhcX251d4KLjJWFh5B+gIqGiJGNjpdQU2VkZ3WOkJhTV2c+QlkAED8IGEAADj1ESFxeYW9ydH+LjZWGh5BnaXZlZ3R2eIJ9f4hSVWVkZ3N4eoR+f4mKi5NqbHhDR1sIGD4HFz4ADDoABDgAADcAADMAADQAADYAADUACToAADIABzkACzoJGDwJFzwIFzsGFjsEFDoCFDoEFTsEFToFFTsDFDoHFzsIFzwJFzkJFzoKGDwIFzkJFjYKGDsLGj4LGT4JFzgKGT0IFTMJFTQKGDoLGTwJFjUJFTUIFDEKFzgJFTMIFDIIFDAJFzcIEiwIEi2Il2AuAAAAsElEQVQYGQXBC0oDURBFwXN6ekaRRILuf4viB0GSN32tEgSAIAAES5wShoJMhXhMaKccKlNhWb6gDEyzCoqE3hTc4OQZzoKkG1Vgd6joI/STqjiWstj/8tIXVZ1N9ez7082vvqmqqqr6ees3VT075aTXbqWvqiKmho3ZLr99Ub6vBUPAH15z6UbfXbRk0UcS+lCx9lOypUOSPnzsaz9WS+g8+n6k99XdsuWDN2Fj2P8BVFFPTFufoe0AAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/9vB6OvIvuTab5tM1BfaIH/91cd023ac8bef797d3cb55a859eda720/Image_default_DOCTYPE_HTML.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":null,"metaDescription":null},{"title":"Your first Deno app with WYSIWYG editing","slug":"deno-app-wysiwyg-editor","featured":false,"lastUpdated":"Jul 29th, 2020","description":{"description":"

Learn how to build your first Deno app, and how to enhance your Deno apps with WYSIWYG editing. The first step in creating real-time chat apps and more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to build your first Deno app, and how to enhance your Deno apps with WYSIWYG editing. The first step in creating real-time chat apps and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"Welcome to Deno\" with Dinosaur emoji, as it appears when you run the welcome app.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABklBMVEUAKDYAJTMAIy8AISsAICsAHyoAISwAHigAHicAFyMAAA4AABYAABEADR0ADRwACRsABhkAChsAEyAAGSQAHCYAHygAHCQAFiAXJy1obG5ZXmBFS05xdHYkMDYvOT0yOz85QUUzPEAoMzgAABJVWl03QEQwOT4ADxsAGiMAHCUAGSEADRgsNTnKy8zQ0dGvsLGjpaaen6CfoaK/wMHHyMjIyckAAACnqampqquur7ASIykAFR4AGiEAFx4AEhoAEBlzdXZ5fH1kZ2lfYmRrbm9pbG16fX50dnd+g4ZiZ2pdYGJzdXdxdHUADhcAFRwAGB8AFxwAFRsADBRRVVZARUcABCQAP1EAFx8ADxYAFRkAExgADBKtrq7Gx8e2t7e0tbWhoqIqZn0zdIwSOEUACAwAEhcAFBkAExcADhN4enuFh4eHiIl9f3+IiYp7fH0RO0khTl8aQk4ADxMAEhYAEhUAERQAEBMABwwAAwYACAgABwQADhAADxIAERUAEBIADhEADA8ACg0ACQ0ACg4ADQ4ADAzRX572AAAAAXRSTlP89O1mUQAAAJBJREFUGNON0LEKgWEUgOH35UiUbyGblMHiKhjdgat1FxaDktVE6a//81n4Uyjvdp7Ocg58Sb9g/EAFSiOFdoSKr/I9Wpfk2M9i9DbUnScO31fOwwZPTDwCU9MBZlVxg+7namntFqpeiAQyUJWkek3EAF1uAVipVuMb0Yd7e62YC3Xkrn0iA3VzTg0ZovfvQx5Q6h8nvDAslgAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3HiHhLr6ugYrzi3V1aFyUT/f0bdf4c9ceb878cb5197e29c3b225a77/Image_default_first-deno-app.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":null,"metaDescription":null},{"title":"Build a simple chat app with Deno and a WYSIWYG editor","slug":"deno-app-build-chat-app-wysiwyg-html-editor","featured":false,"lastUpdated":"Jun 15th, 2020","description":{"description":"

Get started with your own Deno apps, and get a head start on others with WYSIWYG HTML editing. Here we look at a simple real time chat app with code examples.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Get started with your own Deno apps, and get a head start on others with WYSIWYG HTML editing. Here we look at a simple real time chat app with code examples."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Four chat bubbles, indicative of a conversation in a chat app, with the Deno logo in one of them.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAACmElEQVQYGQXBzWtcVQDG4d97zrl37mQmmU4jmiBaUHEhuCkVwS4qrkRQ3IgfC7f9F9y66sqFC6G0/g2iKOLWbauo2PjREqxYNcSm6SSZycy995zX51G6+jcAAACAQdSRZiMyCMfz0s0yAkAgKABVIMkAAIABJOqIxDx7tSz0phiBARAAQUUkFQMYwBDEIKoehdOoVeZilIbqm0Cx58XFQaoiP3U+WjkpU4pLxiaIEHFhNSvzYXhrmj6+NNkYhALYGAAJ+6Nv9j78U6l0XluPk3O1pBBQUOnL/u0lh/lO4Msbd5t+WTobQIggPboed/4x8Uxyy2gzbl8cumsxSGXRnewuF4vmx/v58vGIo4bWFIiBKDrjnlGisuor9+rkyeiwn/UO0ZXKqpyWjZwGGfdA5yvPD988v350cvrw6OSR6aQeVFe/PfjknlOFYtbJbNOotVIVLHtZQrZQb1jx3GODpzaXn3527c7t31548aW333n36VHPKoVmI1bjmMaRtVA3CsUxUjUSIosirGLduPndxtmt996//PkXX+3s/AqRTiFYzup7UYRFEVmUoCxlYZEla21tuHPr563t7Usvv9IMhy7QKbWHbntyB8WKSmO5p18UZ1IiVCo9Lj5/4cL+/v7Dw//eeP21J849WX7YwymtFhqcCZNnKgRSqOTOthXkznu/tG3k61vH8wcPS3n2r9+7Qd1t7v5x865Iw0Qfxo/H7Vcrdx02GEAg55PVfLedaXh9Ga9/v8nCWGRQpo5EqfngoB54fXq/fZBNAELAxgbTp2k82ziRC4tZ6Y6NQEo4QFIIbauDf7eMgBAASkFQj6imChEXyxqP1RX3C8sgAQmiBJEgBdkmmxCpBqqnImLjQjGIagJ2XhgA/gedIGbSF7xSvQAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4ZUvDFI9rn36kv9Zl7ITxF/6b6421da6d2d7f9c9d1fde8b93581d7e/Image_default_DenoChat.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"Deno app: Build a simple chat app with WYSIWYG editing"},"metaDescription":{"metaDescription":"Get started with your own Deno apps, and get a head start on others with WYSIWYG HTML editing. Here we look at a simple real time chat app with code examples."}},{"title":"Add menu items dynamically to menu buttons in TinyMCE","slug":"tinymce-add-menu-item-dynamically","featured":false,"lastUpdated":"May 6th, 2020","description":{"description":"

Find out how to configure menu buttons on the toolbar so that menu items can be changed dynamically after initialization.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how to configure menu buttons on the toolbar so that menu items can be changed dynamically after initialization."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Abstract illustration of a menu button with two menu items.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACtVBMVEUUsOsMrOsIq+sJrOsIrOsLrOsRr+sSsewfw/AXue0TsOsUq+oOqeoMqusLqesJqOsKqOsKqesMqesRqusNq+sfwu8at+0RqOoTquoMoukQqusdve8XsuwJoekLoukLo+kKo+kMo+kSpekPo+kPqOoUrusgv+8euO0XresUp+oInOkRp+sev/AZqeEMktwMlt8Nl+AMl+AOmOATmeAQmOAMld8Tnt8drd8gsuMhv/Acs+0UouoJmOkQouscu+8XpeELk+IScbQUZ6cTaKgVaagWaagTZqcOh9EPmOYXoOYerOEbsO0TnekSm+kJlOkQn+sbuPAWoOAIieIObL8PZLUPZbYRZrYTaLYQZbYPgdUSkOYRjuQVk94TmuoTmOkRmOkKj+kPm+sZtO8crN8kxeYky+0kzO4kze8lze8mzu8kze4mzOwmy+slx+UZmtwSk+oRlOoMkukKi+kPl+sXr+8hv+cy+PcpwsknsrwntL4msrwfsOQOi+oMjuoLjuoLieoPlewWrO8gvOcx9fYovsglrbsmr70y9vcdrOQIheoLiuoTpO4Vqu8Vq/AetOIw6+4x8vUx8/cw7O4aod8IgesOkuwRne0Nje0UpvATqvEfu+cpxc4nt8MnucUbqOUHfuwNjO0Up/AKgO0Mie4Rn/Agtucy+PYou8IlqLMlqrUlqbQy+fccqeYIfO0Lgu0Mh+0KgO4Mge4OhO8Wk+UmyekmzO0nze0nzu4n0e4o1u8nzu0VkuUIfe8LgO4MgPAOgvAMf/AIe+8Hdu4KeO4Mee4Meu4Mfe8Oj/APo/IJhO8HeO4KfvAKf/AOgPEMfvEJffEKffIMfvIOf/IOgfIPmfMPpfQQp/QPpPQNkfMJfPIKffEKfPMJfPMMfvMOf/MNf/MNfvMMfPMKf/MOnvUPqvUNl/QJe/PqlORSAAAAg0lEQVQY022QMQ7CMBAEd/AhIDEJ0ISe/z8MiRYBQvgobCxHYavTaLbYQwKUAwDPHX2+JCkFXlsAGyqkxo4F0sITP/UPBD6+XsCksKxLKrLtW+gegLvFhkm+AqJF4Hqu5m0CrAcuRSX5oV1Err59A6rQyze8QzbOp4+PTrIBtcsVJH0BEDMbLF8mikQAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wLubhz2Aj7l5hzadW16D/ca9e40a07333681ecdb53513f75ebc7e/Image_default_AddMenuItems.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","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":"TinyMCE: Add menu item dynamically to menu button"},"metaDescription":{"metaDescription":"Configure TinyMCE so you can add menu items dynamically to menu buttons after the editor has initialized."}},{"title":"Creating Keyboard Shortcuts for TinyMCE","slug":"creating-keyboard-shortcuts-tinymce","featured":false,"lastUpdated":"Oct 14th, 2017","description":{"description":"

Keyboard shortcuts and text editors are nigh-inseparable in the world of content editing productivity. You’ll be hard-pressed to find any WYSIWYG text editor without a solid set of keyboard shortcuts to improve your workflow while editing content.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Keyboard shortcuts and text editors are nigh-inseparable in the world of content editing productivity. You’ll be hard-pressed to find any WYSIWYG text editor without a solid set of keyboard shortcuts to improve your workflow while editing content."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Laptop keys in a pile","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAANABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwIG/8QAJRAAAgEDBAEEAwAAAAAAAAAAAQIDBAURAAYSITEHEyJBFFFh/8QAFwEAAwEAAAAAAAAAAAAAAAAAAQIDAP/EABwRAQEAAgIDAAAAAAAAAAAAAAEAEUECMRMhMv/aAAwDAQACEQMRAD8Ara3r3bNrXaohiraijjaOSOSb8dJHAbOXJPTKADxB8chpMLW8gR7u71E9Nd/xVtv2ZcmO4aVmanhrHZmcqpAWNy/M9jOPAz5ONYE7p8ng/MY3m7UFtrmgq4airqF6doamJApBKkHn2TkZz/RoySRvKeltcEMlvoIaSQSpEgHyRV7yOJ/Yzk/fk51t4m7h2+3Glhvq1dTbaeapcMjzwj2ZCCMthwMgn4956wejnpsapLlRsfb973UvWCGdVjWpdV9+JJnwD1ydhknH3oYj71f/2Q==","aspectRatio":1.501466275659824,"src":"//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=370&h=246&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=739&h=492&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=1024&h=682&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=370&h=246&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=739&h=492&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5uRBK8SSvf7fJEEAvwLYc4/69af110cc139d14c32d3aaae541dc59a/pexels-photo-373072-1024x682.jpeg?w=1024&h=682&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null},{"title":"How to set up our 5 most popular premium plugins","slug":"setup-5-popular-premium-plugins","featured":false,"lastUpdated":"Feb 3rd, 2019","description":{"description":"

In this post we'll help you get our 5 most popular plugins instantiated in your tinymce instance. We'll be using the TinyMCE Cloud versions, which removes the requirement to setup server-side components. You'll see that our cloud really has made building an amazing content creation experience much easier.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this post we'll help you get our 5 most popular plugins instantiated in your tinymce instance. We'll be using the TinyMCE Cloud versions, which removes the requirement to setup server-side components. You'll see that our cloud really has made building an amazing content creation experience much easier."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE Cloud","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwYE/8QAJRAAAgIBAwIHAQAAAAAAAAAAAQIDBBEABQYhIgcSExVBUWFx/8QAGAEAAwEBAAAAAAAAAAAAAAAABAUGCAP/xAAjEQABAwQCAQUAAAAAAAAAAAABAAIRAwQhMRJhBRMUQYGh/9oADAMBAAIRAxEAPwA149XW3cqV2niqrNKkRsTnEcQZgC7H6Gcn8GtX1nFrS4CYBMDZ6CzZUHJwbIEkCToSdnoJr554d7DwNto9j5ttvMFsoy2BSZS0Ei/OFY9hz0yc9NStjf3F7z9xbupRqZyPuMhc/M2NtY+mba6bW5bgiQR84Jwe/wBWCvGnpDRJJlR7iZQ1tRPbqlqK0rBWO0gJjygL/BpdUztJKjGt0FRxyuEGGOgoCXkCV//Z","aspectRatio":1.7655172413793103,"src":"//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=185&h=105&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=370&h=210&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=739&h=419&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=1024&h=580&q=50&fit=scale 1024w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=185&h=105&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=370&h=210&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=739&h=419&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3GveH1ibnael6ZIO0m6gQt/7e611b1c183a1fccb2f37c14bf9565d1/tinymce-cloud-header_2x-1024x580.jpg?w=1024&h=580&q=50&fm=webp&fit=scale 1024w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Robert Collings","slug":"robert-collings"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":null,"metaDescription":null}]},"description":{"description":"

This tutorial explains the autocomplete function for the TinyMCE rich text editor.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This tutorial explains the autocomplete function for the TinyMCE rich text editor."}]}],"data":{"quirksMode":false}}}},"tags":[{"slug":"configuration","title":"Configuration"},{"slug":"developers","title":"Developers"},{"slug":"javascript","title":"Javascript"}],"body":{"body":"

Autocomplete features are meant to revolutionize the writing process for content creators. It looks effortless on the surface. Writer’s words are matched up with related words or a database of words, and your app predicts what the writer is going to add to their content. In reality autocomplete features can take time, energy, and focus to implement.

\n

There is a faster solution: allow your app's rich text editor to handle the autocomplete feature. Sounds shocking, but it's an economical and fast solution. Just make sure
you select a rich text editor which can provide with a familiar UI, an easy-to-implement set of content creation solutions, as well as the capacity to provide an autocomplete feature.

\n

TinyMCE provides all this, as well as the ability to be customized to fit your application requirements. This article explains the Autocompleter feature available in TinyMCE, as well as how to set it up.

\n

What is autocomplete

\n

Autocomplete is a feature where the application the writer is using predicts the rest of a word as it's being typed into a keyboard and entered into the text area on screen. Autocompletion is commonly seen in search engines, and aims to save time by completing the search query, or suggesting options based on the initial text entered into the search engine.

\n
\n

NOTE: The search engine variation of the autocomplete feature is also called autosuggest, search-as-you-type, or query suggestions.

\n
\n

Autocomplete is either enabled by default, or the writer can access the autocomplete feature with a key or key combination when typing, such as pressing the tab key.

\n

How does autocomplete work in modern apps

\n

Autocomplete in large scale applications is based on prediction. Back in the 1990s, the early ancestors of autocomplete features (letter anticipators and word completers) first appeared, such as the work by John J. Darragh and Ian H. Witten on predictive text. The essentials of the predictive algorithms initially proposed in letter anticipators and word completers grew with each iteration over the decades.

\n

Later, in 2004, developer Kevin Gibbs brought about the Google search engine implementation of an autocomplete feature.

\n

The autocomplete features of today are now trained on searches completed worldwide, and on large bodies of language. The autocomplete software calculates and displays the next most probable words based on the writer's input and the large training content set as the foundation. The words the writer has used recently, and the words used frequently also affect the probability weighting.

\n

Autocomplete features and TinyMCE

\n

TinyMCE's Autocompleter works using matched text patterns. The text pattern is matched to data returned by a JavaScript promise. A trigger character causes the fetch function to run, and the matched text the writer types after the trigger character is collected and passed to the fetch function. The function returns a promise that contains the matched results found in the list of options.

\n

A rich text editor with an autocomplete feature

\n

There is a specific Autocompleter API available in TinyMCE that handles autocompletion. It makes use of a number of options, some are required, like the onAction option, and others are not required, but change the appearance, or the user experience such as the maxResult functions (this limits by the number of results that should be fetched based on the writer’s input).

\n

NOTE: If using an earlier version of TinyMCE before 6.2, use the ch option. Versions after this release should use the trigger option. You can check your TinyMCE version in the dashboard of your TinyMCE account, by checking the TinyMCE CDN link, or using the tinyMCE.majorVersion command in the developer console.

\n

How to implement autocomplete feature in TinyMCE

\n
    \n
  1. \n

    Start the demo by making a new index.html file in your development environment

    \n
    2. \n
  2. \n

    Copy the following started HTML into the file, which has a textarea set up for TinyMCE:

    \n
    3. \n
\n
<!DOCTYPE html>
<html lang=\"en\">
    <head>
        <meta charset=\"UTF-8\">
        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
        <title>Autocomplete feature in TinyMCE</title>
    </head>
    <body>
        <textarea id=\"editor\">
            <div class=\"editable\">Try out autocomplete</div>
        </textarea>
    </body>
</html>
\n
    \n
  1. \n

    Configure TinyMCE into the demo using the CDN link to TinyMCE cloud:

    \n
    2. \n
\n
<!DOCTYPE html>
<html lang=\"en\">
    <head>
        <meta charset=\"UTF-8\">
        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
        <title>Autocompelte Test 1 TinyMCE</title>
        <script src=\"https://cdn.tiny.cloud/1/your-api-key/tinymce/6/tinymce.min.js\" referrerpolicy=\"origin\"></script>
\n
    \n
  1. \n

    Replace the \"your-api-key\" string with your TinyMCE API key. You can sign up for a FREE TinyMCE API key using your GitHub or Google account, and your key comes with a 14-day free trial of TinyMCE's premium plugins (it also prevents any domain name errors appearing in the console).

    \n
    2. \n
  2. \n

    Copy the following TinyMCE init script into your demo file:

    \n
    3. \n
\n
<script>
            tinymce.init({
                selector: '#editor',
                plugins: 'advcode, advlist, advtable, anchor, autosave, autolink, checklist, directionality, editimage, export, formatpainter, image, insertdatetime, link, linkchecker, lists, media, mediaembed, nonbreaking, pagebreak, permanentpen, powerpaste, searchreplace, table, tableofcontents, tinymcespellchecker, visualblocks, wordcount',
                toolbar: 'undo redo print spellcheckdialog formatpainter | blocks fontfamily fontsize | bold italic underline forecolor backcolor | link image | alignleft aligncenter alignright alignjustify lineheight | checklist bullist numlist indent outdent | removeformat',
                editable_root: false,
                editable_class: 'editable',
                setup: (editor) => { }
\n

 

\n
    \n
  1. \n

    Add the autocompleter with the editor registry parameters within the setup option. The following gives the autocompleter a name and sets up the required options:

    \n
    2. \n
\n
setup: (editor) => {
                    editor.ui.registry.addAutocompleter(\"Demo-0\", {
                        trigger: '/',
                        minChars: 1,
                        columns: 'auto',
                        onAction:
                    })
                  }
\n

 

\n
    \n
  1. \n

    Add the autocompleterAPI options to complete setting up the onAction option:

    \n
    2. \n
\n
setup: (editor) => {
                    editor.ui.registry.addAutocompleter(\"Demo-0\", {
                        trigger: '/',
                        minChars: 1,
                        columns: 'auto',
                        onAction: onAction = (autocompleteApi, rng, value) => {
                            editor.selection.setRng(rng);
                            editor.insertContent(value);
                            autocompleteApi.hide();
                        },
                    })
                  }
\n

 

\n
    \n
  1. \n

    Configure the fetch option, including the Promise option. The promise option contains two important constants that the autocompleter needs to filter the matched characters:

    \n
    2. \n
\n
setup: (editor) => {
                    editor.ui.registry.addAutocompleter(\"Demo-0\", {
                        trigger: '/',
                        minChars: 1,
                        columns: 'auto',
                        onAction: onAction = (autocompleteApi, rng, value) => {
                            editor.selection.setRng(rng);
                            editor.insertContent(value);
                            autocompleteApi.hide();
                        },
                        fetch: (pattern) => {
                            return new Promise((resolve) => {
                                {
                                  const getMatchedChars = (pattern) => {
                                      return specialChars.filter((char) => char.text.indexOf(pattern) !== -1) }
                                  const results = getMatchedChars(pattern).map((char) => ({
                                      type: 'autocompleteitem',
                                      value: char.value,
                                      text: char.value,
                                      icon: char.value })
                                     );
                                  }
                            })
                        }
                    })
                }
\n
    \n
  1. \n

    Add the resolve method to complete the promise:

    \n
    2. \n
\n
               setup: (editor) => {
                    editor.ui.registry.addAutocompleter(\"Demo-0\", {
                        trigger: '/',
                        minChars: 1,
                        columns: 'auto',
                        onAction: onAction = (autocompleteApi, rng, value) => {
                            editor.selection.setRng(rng);
                            editor.insertContent(value);
                            autocompleteApi.hide();
                        },
                        fetch: (pattern) => {
                            return new Promise((resolve) => {
                                {
                                  const getMatchedChars = (pattern) => {
                                      return specialChars.filter((char) => char.text.indexOf(pattern) !== -1) }
                                  const results = getMatchedChars(pattern).map((char) => ({
                                      type: 'autocompleteitem',
                                      value: char.value,
                                      text: char.value,
                                      icon: char.value })
                                     );
                                    resolve(results);
                                  }
                            })
                        }
                    })
                }
\n

 

\n
    \n
  1. \n

    Copy the following list of options for the autocompleter, pasting it into the demo before the TinyMCE init script:

    \n
    2. \n
\n
<script>
            const specialChars = [
               { text: 'exclamation mark', value: '!' },
               { text: 'at', value: '@' },
               { text: 'hash', value: '#' },
               { text: 'dollars', value: '$' },
               { text: 'percent sign', value: '%' },
               { text: 'caret', value: '^' },
               { text: 'ampersand', value: '&' },
               { text: 'asterisk', value: '*' }
             ]
            tinymce.init({ ... })
\n
    \n
  1. \n

    Save the changes, and then test out the autocompleter by running the demo index.html file in your browser with a testing command such as the Python or PHP options:

    \n
    2. \n
\n

\"The

\n

Next steps for your autocomplete feature

\n

The autocompleter example here uses only the essential options. There are further ways you can customize the autocomplete feature:

\n\n

You can keep experimenting with the options available until you find the ideal configuration for your app, and your customers. Sign up for an API key to further test out the different plugins TinyMCE has available.

\n

For more information, contact the TinyMCE Sales team, who can help you find the ideal combination of autocompleter or plugins for your project.

\n
\n

Put TinyMCE to the test and sign up today for a FREE API key!

\n
","childMarkdownRemark":{"html":"

Autocomplete features are meant to revolutionize the writing process for content creators. It looks effortless on the surface. Writer’s words are matched up with related words or a database of words, and your app predicts what the writer is going to add to their content. In reality autocomplete features can take time, energy, and focus to implement.

\n

There is a faster solution: allow your app's rich text editor to handle the autocomplete feature. Sounds shocking, but it's an economical and fast solution. Just make sure
you select a rich text editor which can provide with a familiar UI, an easy-to-implement set of content creation solutions, as well as the capacity to provide an autocomplete feature.

\n

TinyMCE provides all this, as well as the ability to be customized to fit your application requirements. This article explains the Autocompleter feature available in TinyMCE, as well as how to set it up.

\n

What is autocomplete

\n

Autocomplete is a feature where the application the writer is using predicts the rest of a word as it's being typed into a keyboard and entered into the text area on screen. Autocompletion is commonly seen in search engines, and aims to save time by completing the search query, or suggesting options based on the initial text entered into the search engine.

\n
\n

NOTE: The search engine variation of the autocomplete feature is also called autosuggest, search-as-you-type, or query suggestions.

\n
\n

Autocomplete is either enabled by default, or the writer can access the autocomplete feature with a key or key combination when typing, such as pressing the tab key.

\n

How does autocomplete work in modern apps

\n

Autocomplete in large scale applications is based on prediction. Back in the 1990s, the early ancestors of autocomplete features (letter anticipators and word completers) first appeared, such as the work by John J. Darragh and Ian H. Witten on predictive text. The essentials of the predictive algorithms initially proposed in letter anticipators and word completers grew with each iteration over the decades.

\n

Later, in 2004, developer Kevin Gibbs brought about the Google search engine implementation of an autocomplete feature.

\n

The autocomplete features of today are now trained on searches completed worldwide, and on large bodies of language. The autocomplete software calculates and displays the next most probable words based on the writer's input and the large training content set as the foundation. The words the writer has used recently, and the words used frequently also affect the probability weighting.

\n

Autocomplete features and TinyMCE

\n

TinyMCE's Autocompleter works using matched text patterns. The text pattern is matched to data returned by a JavaScript promise. A trigger character causes the fetch function to run, and the matched text the writer types after the trigger character is collected and passed to the fetch function. The function returns a promise that contains the matched results found in the list of options.

\n

A rich text editor with an autocomplete feature

\n

There is a specific Autocompleter API available in TinyMCE that handles autocompletion. It makes use of a number of options, some are required, like the onAction option, and others are not required, but change the appearance, or the user experience such as the maxResult functions (this limits by the number of results that should be fetched based on the writer’s input).

\n

NOTE: If using an earlier version of TinyMCE before 6.2, use the ch option. Versions after this release should use the trigger option. You can check your TinyMCE version in the dashboard of your TinyMCE account, by checking the TinyMCE CDN link, or using the tinyMCE.majorVersion command in the developer console.

\n

How to implement autocomplete feature in TinyMCE

\n
    \n
  1. \n

    Start the demo by making a new index.html file in your development environment

    \n
    2. \n
  2. \n

    Copy the following started HTML into the file, which has a textarea set up for TinyMCE:

    \n
    3. \n
\n
<!DOCTYPE html>
<html lang=\"en\">
    <head>
        <meta charset=\"UTF-8\">
        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
        <title>Autocomplete feature in TinyMCE</title>
    </head>
    <body>
        <textarea id=\"editor\">
            <div class=\"editable\">Try out autocomplete</div>
        </textarea>
    </body>
</html>
\n
    \n
  1. \n

    Configure TinyMCE into the demo using the CDN link to TinyMCE cloud:

    \n
    2. \n
\n
<!DOCTYPE html>
<html lang=\"en\">
    <head>
        <meta charset=\"UTF-8\">
        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
        <title>Autocompelte Test 1 TinyMCE</title>
        <script src=\"https://cdn.tiny.cloud/1/your-api-key/tinymce/6/tinymce.min.js\" referrerpolicy=\"origin\"></script>
\n
    \n
  1. \n

    Replace the \"your-api-key\" string with your TinyMCE API key. You can sign up for a FREE TinyMCE API key using your GitHub or Google account, and your key comes with a 14-day free trial of TinyMCE's premium plugins (it also prevents any domain name errors appearing in the console).

    \n
    2. \n
  2. \n

    Copy the following TinyMCE init script into your demo file:

    \n
    3. \n
\n
<script>
            tinymce.init({
                selector: '#editor',
                plugins: 'advcode, advlist, advtable, anchor, autosave, autolink, checklist, directionality, editimage, export, formatpainter, image, insertdatetime, link, linkchecker, lists, media, mediaembed, nonbreaking, pagebreak, permanentpen, powerpaste, searchreplace, table, tableofcontents, tinymcespellchecker, visualblocks, wordcount',
                toolbar: 'undo redo print spellcheckdialog formatpainter | blocks fontfamily fontsize | bold italic underline forecolor backcolor | link image | alignleft aligncenter alignright alignjustify lineheight | checklist bullist numlist indent outdent | removeformat',
                editable_root: false,
                editable_class: 'editable',
                setup: (editor) => { }
\n

 

\n
    \n
  1. \n

    Add the autocompleter with the editor registry parameters within the setup option. The following gives the autocompleter a name and sets up the required options:

    \n
    2. \n
\n
setup: (editor) => {
                    editor.ui.registry.addAutocompleter(\"Demo-0\", {
                        trigger: '/',
                        minChars: 1,
                        columns: 'auto',
                        onAction:
                    })
                  }
\n

 

\n
    \n
  1. \n

    Add the autocompleterAPI options to complete setting up the onAction option:

    \n
    2. \n
\n
setup: (editor) => {
                    editor.ui.registry.addAutocompleter(\"Demo-0\", {
                        trigger: '/',
                        minChars: 1,
                        columns: 'auto',
                        onAction: onAction = (autocompleteApi, rng, value) => {
                            editor.selection.setRng(rng);
                            editor.insertContent(value);
                            autocompleteApi.hide();
                        },
                    })
                  }
\n

 

\n
    \n
  1. \n

    Configure the fetch option, including the Promise option. The promise option contains two important constants that the autocompleter needs to filter the matched characters:

    \n
    2. \n
\n
setup: (editor) => {
                    editor.ui.registry.addAutocompleter(\"Demo-0\", {
                        trigger: '/',
                        minChars: 1,
                        columns: 'auto',
                        onAction: onAction = (autocompleteApi, rng, value) => {
                            editor.selection.setRng(rng);
                            editor.insertContent(value);
                            autocompleteApi.hide();
                        },
                        fetch: (pattern) => {
                            return new Promise((resolve) => {
                                {
                                  const getMatchedChars = (pattern) => {
                                      return specialChars.filter((char) => char.text.indexOf(pattern) !== -1) }
                                  const results = getMatchedChars(pattern).map((char) => ({
                                      type: 'autocompleteitem',
                                      value: char.value,
                                      text: char.value,
                                      icon: char.value })
                                     );
                                  }
                            })
                        }
                    })
                }
\n
    \n
  1. \n

    Add the resolve method to complete the promise:

    \n
    2. \n
\n
               setup: (editor) => {
                    editor.ui.registry.addAutocompleter(\"Demo-0\", {
                        trigger: '/',
                        minChars: 1,
                        columns: 'auto',
                        onAction: onAction = (autocompleteApi, rng, value) => {
                            editor.selection.setRng(rng);
                            editor.insertContent(value);
                            autocompleteApi.hide();
                        },
                        fetch: (pattern) => {
                            return new Promise((resolve) => {
                                {
                                  const getMatchedChars = (pattern) => {
                                      return specialChars.filter((char) => char.text.indexOf(pattern) !== -1) }
                                  const results = getMatchedChars(pattern).map((char) => ({
                                      type: 'autocompleteitem',
                                      value: char.value,
                                      text: char.value,
                                      icon: char.value })
                                     );
                                    resolve(results);
                                  }
                            })
                        }
                    })
                }
\n

 

\n
    \n
  1. \n

    Copy the following list of options for the autocompleter, pasting it into the demo before the TinyMCE init script:

    \n
    2. \n
\n
<script>
            const specialChars = [
               { text: 'exclamation mark', value: '!' },
               { text: 'at', value: '@' },
               { text: 'hash', value: '#' },
               { text: 'dollars', value: '$' },
               { text: 'percent sign', value: '%' },
               { text: 'caret', value: '^' },
               { text: 'ampersand', value: '&' },
               { text: 'asterisk', value: '*' }
             ]
            tinymce.init({ ... })
\n
    \n
  1. \n

    Save the changes, and then test out the autocompleter by running the demo index.html file in your browser with a testing command such as the Python or PHP options:

    \n
    2. \n
\n

\"The

\n

Next steps for your autocomplete feature

\n

The autocompleter example here uses only the essential options. There are further ways you can customize the autocomplete feature:

\n\n

You can keep experimenting with the options available until you find the ideal configuration for your app, and your customers. Sign up for an API key to further test out the different plugins TinyMCE has available.

\n

For more information, contact the TinyMCE Sales team, who can help you find the ideal combination of autocompleter or plugins for your project.

\n
\n

Put TinyMCE to the test and sign up today for a FREE API key!

\n
","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"style":"font-size: 14pt;"},"children":[{"type":"text","value":"Autocomplete features are meant to revolutionize the writing process for content creators. It looks effortless on the surface. Writer’s words are matched up with related words or a database of words, and your app predicts what the writer is going to add to their content. In reality autocomplete features can take time, energy, and focus to implement."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There is a faster solution: allow your app's rich text editor to handle the autocomplete feature. Sounds shocking, but it's an economical and fast solution. Just make sure"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"you select a rich text editor which can provide with a familiar UI, an easy-to-implement set of content creation solutions, as well as the capacity to provide an autocomplete feature."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE provides all this, as well as the ability to be customized to fit your application requirements. This article explains "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/docs/tinymce/6/autocompleter/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"the Autocompleter feature available in TinyMCE"}]},{"type":"text","value":", as well as how to set it up."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"What is autocomplete"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Autocomplete is a feature where the application the writer is using predicts the rest of a word as it's being typed into a keyboard and entered into the text area on screen. Autocompletion is commonly seen in search engines, and aims to save time by completing the search query, or suggesting options based on the initial text entered into the search engine."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"blockquote","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"NOTE:"}]},{"type":"text","value":" The search engine variation of the autocomplete feature is also called autosuggest, search-as-you-type, or query suggestions."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Autocomplete is either enabled by default, or the writer can access the autocomplete feature with a key or key combination when typing, such as pressing the tab key."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"How does autocomplete work in modern apps"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Autocomplete in large scale applications is based on prediction. Back in the 1990s, the early ancestors of autocomplete features (letter anticipators and word completers) first appeared, such as "},{"type":"element","tagName":"a","properties":{"href":"https://www.google.com.au/books/edition/The_Reactive_Keyboard/obxCY0wcaTgC?hl=en","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"the work by John J. Darragh and Ian H. Witten"}]},{"type":"text","value":" on predictive text. The essentials of the predictive algorithms initially proposed in letter anticipators and word completers grew with each iteration over the decades."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Later, "},{"type":"element","tagName":"a","properties":{"href":"https://allthingsd.com/20130823/nearly-a-decade-later-the-autocomplete-origin-story-kevin-gibbs-and-google-suggest/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"in 2004, developer Kevin Gibbs"}]},{"type":"text","value":" brought about the Google search engine implementation of an autocomplete feature."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The autocomplete features of today are now "},{"type":"element","tagName":"a","properties":{"href":"https://blog.google/products/search/how-google-autocomplete-works-search/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"trained on searches completed worldwide"}]},{"type":"text","value":", and on large bodies of language. The autocomplete software calculates and displays the next most probable words based on the writer's input and the large training content set as the foundation. The words the writer has used recently, and the words used frequently also affect the probability weighting."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Autocomplete features and TinyMCE"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE's Autocompleter works using matched text patterns. The text pattern is matched to data returned by a JavaScript promise. A trigger character causes the fetch function to run, and the matched text the writer types after the trigger character is collected and passed to the fetch function. The function returns a promise that contains the matched results found in the list of options."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"A rich text editor with an autocomplete feature"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There is a specific Autocompleter API available in TinyMCE that handles autocompletion. It makes use of a number of options, some are required, like the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"onAction "}]},{"type":"text","value":"option, and others are not required, but change the appearance, or the user experience such as the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"maxResult"}]},{"type":"text","value":" functions (this limits by the number of results that should be fetched based on the writer’s input)."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"NOTE:"}]},{"type":"text","value":" If using an earlier version of TinyMCE before 6.2, use the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"ch"}]},{"type":"text","value":" option. Versions after this release should use the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"trigger"}]},{"type":"text","value":" option. You can "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/blog/upgrade-tinymce-4-to-6/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"check your TinyMCE version"}]},{"type":"text","value":" in the dashboard of your TinyMCE account, by checking the TinyMCE CDN link, or using the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"tinyMCE.majorVersion "}]},{"type":"text","value":"command in the developer console."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"How to implement autocomplete feature in TinyMCE"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ol","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Start the demo by making a new "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"index.html"}]},{"type":"text","value":" file in your development environment"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Copy the following started HTML into the file, which has a textarea set up for TinyMCE:"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-html"]},"children":[{"type":"text","value":""},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":""},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"    "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"        "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"        "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"        Autocomplete feature in TinyMCE"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"    "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"    "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"        "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"    "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":""}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ol","properties":{"start":3},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Configure TinyMCE into the demo using the CDN link to TinyMCE cloud:"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-html"]},"children":[{"type":"text","value":""},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":""},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"    "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"        "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"        "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"        Autocompelte Test 1 TinyMCE"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"        "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ol","properties":{"start":4},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Replace the \"your-api-key\" string with your TinyMCE API key. You can "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/auth/signup/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"sign up for a FREE TinyMCE API"}]},{"type":"text","value":" key using your GitHub or Google account, and your key comes with a 14-day free trial of TinyMCE's premium plugins (it also prevents any domain name errors appearing in the console)."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Copy the following TinyMCE init script into your demo file:"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-javascript"]},"children":[{"type":"text","value":"