{"id":575,"date":"2024-08-06T08:45:31","date_gmt":"2024-08-06T08:45:31","guid":{"rendered":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/?p=575"},"modified":"2024-08-06T09:55:59","modified_gmt":"2024-08-06T09:55:59","slug":"whats-changed-with-moodles-text-editor-an-introduction-to-tiny-mce","status":"publish","type":"post","link":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/2024\/08\/06\/whats-changed-with-moodles-text-editor-an-introduction-to-tiny-mce\/","title":{"rendered":"What&#8217;s changed with Moodle&#8217;s text editor? An introduction to Tiny MCE"},"content":{"rendered":"<p><span style=\"font-family: helvetica, arial, sans-serif\"><strong>Written by <a href=\"https:\/\/www.e-res.lancaster.ac.uk\/StaffDirectory\/staffprofile.aspx?id=01041927\">Ellen Wildman<\/a>, Digital Learning Facilitator\u00a0(ISS)<\/strong><\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">The text editor we use to create and add content (not just text!) into Moodle has undergone a change. The new editor is called TinyMCE and is now the default editor in Moodle. Additionally, we&#8217;ve added in some useful new plugins (or additional tools) to the editor to enhance your experience when using it.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">This is what the new editor, or TinyMCE, looks like:\u00a0<\/span><\/p>\n<div class=\"wp-block-image\"><span style=\"font-family: helvetica, arial, sans-serif\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wpa-warning wpa-suspicious-alt aligncenter wp-image-579\" src=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Example-TinyMCE_Full-screen.png?resize=367%2C143\" alt=\"View of the TinyMCE text editor in Moodle with some sample text typed out and a sample picture.\" width=\"367\" height=\"143\" data-warning=\"Suspicious alt text\" srcset=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Example-TinyMCE_Full-screen.png?resize=300%2C117&amp;ssl=1 300w, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Example-TinyMCE_Full-screen.png?resize=1024%2C398&amp;ssl=1 1024w, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Example-TinyMCE_Full-screen.png?resize=768%2C299&amp;ssl=1 768w, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Example-TinyMCE_Full-screen.png?w=1059&amp;ssl=1 1059w\" sizes=\"auto, (max-width: 367px) 100vw, 367px\" \/><\/span><\/div>\n<div>\n<p><span style=\"font-family: helvetica, arial, sans-serif\"><strong>Why the change?\u00a0<\/strong><\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"9\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span style=\"font-family: helvetica, arial, sans-serif\">TinyMCE has been designed with accessibility in mind, to help ensure we keep our online material available to the largest number of learners as we can.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"9\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span style=\"font-family: helvetica, arial, sans-serif\">The old editor, Atto, is shortly due to be retired by Moodle so we&#8217;re getting a head start on the future change.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-family: helvetica, arial, sans-serif\"><strong>How will it affect me?\u00a0<\/strong><\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span style=\"font-family: helvetica, arial, sans-serif\">The layout and menu options now more closely match the editing options that you&#8217;re probably familiar with \u2013 such as in applications like Microsoft Word \u2013 with options such as <b>Edit<\/b>, <b>View<\/b> and <b>Insert<\/b> running across the top of the editor.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span style=\"font-family: helvetica, arial, sans-serif\">There are some additional features added to this new editor:\u00a0<\/span><\/li>\n<\/ul>\n<p><strong>Components for Learning (C4L)<\/strong><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-577\" src=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/C4L-icon.png?resize=71%2C69\" alt=\"Components for Learning (C4L) icon in Moodle\" width=\"71\" height=\"69\" \/><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">This option allows you to quickly drop in useful blocks into the content, such as reminder banners for assessment or quotations. This can be a great way to add visual interest to our pages and highlight key information for the learners.\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">This is an example of what an inserted \u2018component\u2019 can look like on a page:\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-576\" src=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/C4L-example-300x79.png?resize=497%2C131\" alt=\"Example of some text in the &quot;hint&quot; style supported by Components for Learning\" width=\"497\" height=\"131\" srcset=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/C4L-example.png?resize=300%2C79&amp;ssl=1 300w, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/C4L-example.png?resize=768%2C201&amp;ssl=1 768w, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/C4L-example.png?w=779&amp;ssl=1 779w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">You can also make the &#8216;component&#8217; wider on the page using the double headed arrow icon when you are choosing which style to add.<\/span><\/p>\n<p><strong>Sketch<\/strong><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\" wp-image-581\" src=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Sketch-icon.png?resize=62%2C58\" alt=\"Sketch (pencil) icon in Moodle\" width=\"62\" height=\"58\" \/><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">As the name might tell you, this is a tool that can allow either yourself, or your students in a quiz environment for example, to draw annotations in an online sketchbook. This can be useful for content that might be hard to produce via a keyboard.\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\" data-contrast=\"auto\">This is an example of what an inserted \u2018sketch\u2019 can look like on a page:<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-580\" src=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Sketch-example-300x85.png?resize=512%2C145\" alt=\"An example sketch of a triangle and some mathematical equations\" width=\"512\" height=\"145\" srcset=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Sketch-example.png?resize=300%2C85&amp;ssl=1 300w, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Sketch-example.png?w=612&amp;ssl=1 612w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">Through the <b>View<\/b> option in the editor, there are some useful new features, including:\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\"><b>Show block: <\/b>this will add a grey block around the text and display what style you are using. This is not displayed when you save, but rather acts as a useful guide when \u2018clumping\u2019 the content you\u2019re creating.\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">This is an example of the dotted grey line you will see when you have the view option enabled:\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-578\" src=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Example-Show-block.png?resize=360%2C257\" alt=\"An example of what a 'block' looks like when revealed in the Moodle text editor. A red box has been drawn around the 'Heading' block to highlight the example.\" width=\"360\" height=\"257\" srcset=\"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Example-Show-block.png?resize=300%2C214&amp;ssl=1 300w, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Example-Show-block.png?w=595&amp;ssl=1 595w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\"><strong>Who can I ask for help?\u00a0<\/strong><\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\">If you need help with using the new editor, or anything else Moodle-related, contact the <a href=\"https:\/\/helpcentre.lancaster.ac.uk\/plugins\/servlet\/desk\/portal\/4\">IT Help Centre<\/a> or post a message in the Digital Education Network (DEN) on Microsoft Teams.<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif\"><strong>Written by <a href=\"https:\/\/www.e-res.lancaster.ac.uk\/StaffDirectory\/staffprofile.aspx?id=01041927\">Ellen Wildman<\/a>, Digital Learning Facilitator\u00a0(ISS)<\/strong><\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Written by Ellen Wildman, Digital Learning Facilitator\u00a0(ISS) The text editor we use to create and add content (not just text!) into Moodle has undergone a change. The new editor is called TinyMCE and is now the default editor in Moodle. Additionally, we&#8217;ve added in some useful new plugins (or additional tools) to the editor to &hellip; <a href=\"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/2024\/08\/06\/whats-changed-with-moodles-text-editor-an-introduction-to-tiny-mce\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">What&#8217;s changed with Moodle&#8217;s text editor? An introduction to Tiny MCE<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1661,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[7],"tags":[14,5],"class_list":["post-575","post","type-post","status-publish","format-standard","hentry","category-moodle","tag-improved-ux","tag-moodle"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":566,"url":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/2024\/08\/01\/moodle-4-3-whats-changed\/","url_meta":{"origin":575,"position":0},"title":"Moodle 4.3 &#8211; What&#8217;s changed?","author":"Elizabeth Walkden","date":"August 1, 2024","format":false,"excerpt":"As many of you will already know, we updated Moodle to version 4.3 on Tuesday 23rd July 2024. We used to be on version 4.1. so there has been a variety of changes that have occurred with this new update. Now we have all had a bit of time to\u2026","rel":"","context":"In &quot;Moodle&quot;","block_context":{"text":"Moodle","link":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/category\/moodle\/"},"img":{"alt_text":"A plus sign now appears between two activity cards. The plus sign is in a red circle in between the cards.","src":"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/08\/Add-activity-plus-button-300x133.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":668,"url":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/2025\/03\/19\/add-genai-rag-categories-to-moodle-at-the-click-of-a-button\/","url_meta":{"origin":575,"position":1},"title":"Add GenAI RAG categories to Moodle at the click of a button","author":"Elizabeth Walkden","date":"March 19, 2025","format":false,"excerpt":"Written by Dr. Richard Floyd, Digital Learning Facilitator (ISS) Each assignment in Moodle needs to have a Red, Amber, or Green category for the use of generative AI. The University has provided some guidance for staff covering what these categories mean and how this should be communicated to students. To\u2026","rel":"","context":"In &quot;Moodle&quot;","block_context":{"text":"Moodle","link":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/category\/moodle\/"},"img":{"alt_text":"The TinyMC text editor in Moodle with the 'Components 4 Learning\" (C4L) lego brick icon circled in red.","src":"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2025\/03\/C4L1-300x154.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":723,"url":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/2025\/07\/31\/moodle-update-2025-whats-new\/","url_meta":{"origin":575,"position":2},"title":"Moodle Update 2025: What&#8217;s New?","author":"Elizabeth Walkden","date":"July 31, 2025","format":false,"excerpt":"Lancaster University Moodle has been updated to version 4.5 today! We were previously on version 4.3. So what\u2019s changed and how will this impact users? Some of the main improvements include: Updates to activity icons A new \u2018subsections\u2019 feature Updates to the grading table Improvements to accessibility A screen recording\u2026","rel":"","context":"In &quot;Moodle&quot;","block_context":{"text":"Moodle","link":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/category\/moodle\/"},"img":{"alt_text":"The activity picker in Moodle.","src":"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2025\/07\/Activity-Icon-Update.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2025\/07\/Activity-Icon-Update.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2025\/07\/Activity-Icon-Update.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2025\/07\/Activity-Icon-Update.png?resize=700%2C400 2x"},"classes":[]},{"id":291,"url":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/2023\/08\/11\/making-your-moodle-space-more-interactive-with-h5p\/","url_meta":{"origin":575,"position":3},"title":"Making your Moodle space more interactive with H5P","author":"Elizabeth Walkden","date":"August 11, 2023","format":false,"excerpt":"At our last DLT event in July, we showcased several plug-ins and activities for Moodle. One of which was the H5P activity. So, for those who missed the session, and want to look at revamping their Moodle spaces for the new academic year, this one is for you! What is\u2026","rel":"","context":"In &quot;Moodle&quot;","block_context":{"text":"Moodle","link":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/category\/moodle\/"},"img":{"alt_text":"Screenshot of a Moodle course page with the drop-down menu ('More') visible.","src":"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2023\/08\/1st-screenshot-300x176.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":602,"url":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/2024\/09\/20\/a-new-year-a-new-look\/","url_meta":{"origin":575,"position":4},"title":"A new year, a new look!","author":"Elizabeth Walkden","date":"September 20, 2024","format":false,"excerpt":"Over the past couple of months, in preparation for the new academic year, I have been supporting staff across the Lancaster Medical School (LMS) and the Division of Health and Research (DHR), to redesign their Moodle pages. The aim has been to create more attractive spaces, that are easier to\u2026","rel":"","context":"In &quot;Moodle&quot;","block_context":{"text":"Moodle","link":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/category\/moodle\/"},"img":{"alt_text":"A snapshot of the MBChB Hub Space","src":"https:\/\/i0.wp.com\/wp.lancs.ac.uk\/lu-digitaldigest\/files\/2024\/09\/MBCHB-Hub-Screenshot-268x300.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1,"url":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/2023\/06\/05\/moodle-upgrade4-1\/","url_meta":{"origin":575,"position":5},"title":"Moodle 4.1 &#8211; The Upgrade is Coming!","author":"Elizabeth Walkden","date":"June 5, 2023","format":false,"excerpt":"On 24th July 2023, we will be updating Moodle here at Lancaster University to version 4.1. This upgrade will hopefully make your modules easier to navigate and give you a better user experience. Watch the video below to find out more... https:\/\/estream.lancaster.ac.uk\/View.aspx?id=66545~5n~GQQbHenNm5 If your department has not yet had a\u2026","rel":"","context":"In &quot;Moodle&quot;","block_context":{"text":"Moodle","link":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/category\/moodle\/"},"img":{"alt_text":"Moodle logo","src":"https:\/\/i0.wp.com\/blog.4linux.com.br\/wp-content\/uploads\/2018\/06\/Consultoria-e-suporte-Voltado-%C3%A0-%C3%A1rea-de-educa%C3%A7%C3%A3o-o-Moodle-%C3%A9-um-sistema-LSM-ou-seja-um-Sistema-de-Gest%C3%A3o-de-Aprendizagem-Learning-Management-System..png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/posts\/575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/users\/1661"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":7,"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/posts\/575\/revisions"}],"predecessor-version":[{"id":589,"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/posts\/575\/revisions\/589"}],"wp:attachment":[{"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/media?parent=575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/categories?post=575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.lancs.ac.uk\/lu-digitaldigest\/wp-json\/wp\/v2\/tags?post=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}