๐๏ธ Getting started text translator
For the plugin installation, you must insert the Hand Talk's script and instantiate the class HT by passing an object by a parameter that contains the token and some other configurations of your choice.
๐๏ธ Bottom buttons
Libras window open with Hugo standing still and red square highlighting the lower menu buttons.
๐๏ธ Parameters
You may prefer enable/disable some functionalities of the website translator, for that, use the parameters below:
๐๏ธ Mobile parameters
You can put specific parameters to mobile devices, to do that, you need to use the mobileConfig property, and put the parameters that will be overwritten. The parameters below are exclusive to mobile devices.
๐๏ธ Customizing mobile button
Photographs of the site indicating variations in the height of the positioning of the plugin button.
๐๏ธ Alignment of the action buttons in the mobile version
Mobile website showing Hugo, highlighting the alignment options of the close button.
๐๏ธ Events
At some moments you might need some data related to the tool's use, like number of openings, translation, whether the tool is loades, among others. For that, you must listen to the events triggered by HT, just like the quoted example.
๐๏ธ Access link
If the information that is being translated is in a clickable element, a button written Acessar Link (Access Link) will appear. By pressing, it will reproduce the same functionality of this element.
๐๏ธ Adding exceptions
In some cases, you can come across some conflict between the Hand Talk's code and some script that the website has. To avoid this conflict, just add this element as an exception.
๐๏ธ Dynamic Iframes
When loaded, the Hand Talk's plugin will do a scan in your entire webpage searching for iframes and adding the necessary listener to identify the content of one element. In cases that the iframe is built dynamically, it should be added a function addListenerToIframes to search again for iframes, or addListenersToIframe(iframe) for some specific iframe.