Adding HMTL tags to Summary

Submitted by examsextra on Tue, 03/01/2022 - 15:31
Forums: 
Developers

Hey all,

My apologies for already posting this in the Summary page. I've only just discovered this developer forum.

I'm writing in the hope that someone would be able to identify where I'm going wrong when adding html tags to a text box in Summary. I've managed to add html widgets to other content types in the past, but I'm running into a brick wall with this one! I've been using Oliver's fantastic video (https://www.youtube.com/watch?v=UIGMqj_yN4A&lc=UgxQMs4GisgJ7N-T2ZN4AaABA...) as well as the H5P documentation, but clearly there is an error somewhere in the semantics.json file. Since I'm not a coder, I'm kind of going round in circles! At this point, I'm guessing it's just a small issue with a misplaced comma or something - the kind of thing I wouldn't be able to notice.

When you look at the Summary editor in the screenshots you can see that the 'Introduction text' box has html, as well as the 'Tip' box, but not the 'Statement' text boxes, as currently there is only the option for aligning text. It does seem strange that the tips boxes would have these but not the main content boxes. Would anyone happen to have any suggestions as to what I can do to add them? I've realised I can upload one of my Summary activities here so I've done exactly that.

Thank you very much to anyone who might be able to see what the issue is. It's really much appreicated!

Paul

Attachments: 
Image icon intro.png
Image icon statement.png
Image icon tip.png
otacke's picture

otacke

Wed, 03/02/2022 - 14:03

Hi!

Not sure what the problem on your end might be (you might want to share your semantics.json file), but filling the empty array for the tags with life as I suggested before is all that's needed. Make sure that your changes are actually loaded, caches are cleaned, etc.

"field": {
  "name": "text",
  "type": "text",
  "label": "Statement",
  "importance": "medium",
  "widget": "html",
  "enterMode": "p",
  "tags": []
}

Best,
Oliver

examsextra

Wed, 03/02/2022 - 17:21

Hey Oliver!

Indeed, there are some basic tags in the file but they are still not displaying in the editor. I added the tags straight into the semantics.json file in public_html/wp-content/uploads/h5p/libraries/H5P.Summary-1.10 and deleted the contents of the cachedassets folder (as well as clearing the cache everywhere else). I also ran the code through a checker for bad strings and everything was ok. As per your suggestion, I have uploaded the semantics.json file!

At this point, I have no idea if it's something I'm doing wrong (highly likely) or if it's something more technical - as was the case with Drag the Words, which required some more technical adjustments outside of the semanctics.json file. I've noticed that the Statement editor also has a tab for 'Textual' input which I don't remember seeing in other content types. Just wondering if this has anything to do with it.

Thank you very much :-)

 

 

 

Attachments: 
Binary Data semantics.json
otacke's picture

otacke

Wed, 03/02/2022 - 18:24

Your semantics.json file is fine. The textual input field also exists in at least Question Set and has nothing to do with it.

Coding on WordPress is not recommended, but you know that: H5P has already put the semantics definition into the database, and you'll have to update it manually as well: table `wp_h5p_libraries`, entry for `H5P.Summary` in correct version, field `semantics`.

Cheers,
Oliver

examsextra

Thu, 03/03/2022 - 06:29

Thanks again Oliver. I've sent you a message on Twitter.