{"componentChunkName":"component---src-templates-author-page-tsx","path":"/author/joseph-robinson/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way","description":{"description":"Understand the Tiny Way - our heritage, values-driven approach and thinking through stories from and about Tiny people and culture, technology and the world at large."}}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth","description":{"description":"Everything from product roadmaps and market fit, through customer acquisition and onboarding to retention and product-led growth, can be found here to help you grow your brand, company and product."}}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG","description":{"description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects."}}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design","description":{"description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences."}}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights","description":{"description":"The perfect source for all web application and software developers, as well as engineering teams who want to stay up to date with the latest development tools, developer insights, leading edge thinking and experiments."}}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source","description":{"description":"Having a vibrant open source community is a vital part of TinyMCE, so you'll find important open source contribution news here – both from our own community, and from other open source projects in global communities."}}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":{"description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms."}}}]},"allContentfulBlogPost":{"edges":[{"node":{"title":"How to set up TinyMCE from the cloud","slug":"cloud-based-tinymce-editor","featured":false,"lastUpdated":"Aug 8th, 2024","description":{"description":"<p>Learn how to quickly set up TinyMCE Cloud and integrate it into your projects with our easy-to-follow guide.</p>","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."}}},{"node":{"title":"How to configure block indentation","slug":"block-indentation","featured":false,"lastUpdated":"Jun 12th, 2024","description":{"description":"<p>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.</p>","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."}}},{"node":{"title":"Understanding accessible documents and options from TinyMCE","slug":"accessible-documents","featured":false,"lastUpdated":"May 22nd, 2024","description":{"description":"<p>When you need to build accessible documents, choose a WYSIWYG editor that provides all the features out-of-the-box.</p>","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"}}},{"node":{"title":"How to set up Vue fonts in your WYSIWYG","slug":"vue-fonts","featured":false,"lastUpdated":"May 15th, 2024","description":{"description":"<p>Find out all you need to know on adding fonts and custom fonts to your WYSIWYG with TinyMCE and Vue in our latest guide</p>","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."}}},{"node":{"title":"Understanding byte offset and WYSIWYG cursor position","slug":"byte-offset","featured":false,"lastUpdated":"Apr 18th, 2024","description":{"description":"<p>Byte offsets, and how they affect WYSIWYGs, is important to know. Read on to find out more.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Byte offsets, and how they affect WYSIWYGs, is important to know. Read on to find out more."}]}],"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":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"Understanding byte offset and byte offset meaning | TinyMCE"},"metaDescription":{"metaDescription":"Find out the important byte offset information you need to know to understand more about byte offsets in your WYSIWYG"}}},{"node":{"title":"Understanding document export options with TinyMCE","slug":"document-export","featured":false,"lastUpdated":"Apr 11th, 2024","description":{"description":"<p>Document export with TinyMCE provides PDF and MSWord export. Read on to find out how to access the capability</p>","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"}}},{"node":{"title":"How to import documents into TinyMCE","slug":"import-documents","featured":false,"lastUpdated":"Apr 4th, 2024","description":{"description":"<p>Importing a document into TinyMCE doesn't have to be a challenge. Read on to find out how to set up document importing capability.</p>","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"}}},{"node":{"title":"How to view and restore document version history in TinyMCE","slug":"document-version-history","featured":false,"lastUpdated":"Mar 28th, 2024","description":{"description":"<p>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.</p>","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"}}},{"node":{"title":"How to paste to Markdown in TinyMCE","slug":"paste-to-markdown","featured":false,"lastUpdated":"Mar 26th, 2024","description":{"description":"<p>If you need the ability to paste to Markdown for your customers, find out how TinyMCE's Markdown plugin works in our new guide.</p>","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"}}},{"node":{"title":"Understanding clipboard history and undo redo levels in TinyMCE","slug":"erase-clipboard-history","featured":false,"lastUpdated":"Mar 19th, 2024","description":{"description":"<p>Find out how you can get control of the editor undo and redo history in TinyMCE</p>","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"}}},{"node":{"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":"<p>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</p>","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"}}},{"node":{"title":"How to add fonts to your Django project","slug":"django-font","featured":false,"lastUpdated":"Mar 12th, 2024","description":{"description":"<p>Django Fonts don't necessarily need a template. Find out how to configure fonts for TinyMCE in our latest guide.</p>","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"}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":15,"currentPage":1,"slug":"joseph-robinson","title":"Joe Robinson","metaDescription":null,"description":"Technical and creative writer, editor, and a TinyMCE advocate. An\nenthusiast for teamwork, open source software projects, and baking. Can\noften be found puzzling over obscure history, cryptic words, and lucid writing.","longBio":null,"expertiseList":null,"page":"author","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]}}},"staticQueryHashes":["2492987505","740350947"]}