Main steps

  • 1

    Get application id

    Login into the LaTeX4technics dashboard and create an application id. Therefore you assign a name and a logo for your LaTeX4technics-application. At this stage you can already test the functionality and appearance.
  • 2

    Integration into your website

    When a user creates an equation and sends it to your website you have to listen to these messages. Depending on the technology of your website you can afterwards integrate our message into your user input modules.
roadmap integration

integration with textareas

Tested e.g. for vBulletin and phpBB

If you want to see a step-by-step tutorial of integration LaTeX4technics into phpBB you can read our tutorial for phpBB. You can insert buttons with specific css-classnames to link them with the LaTeX4technics-modules. The javascript-configuration allows you to change your settings.

Default values: x_ratio=0.6 and y_ratio=0.8

explanation ratio
copy

<!-- LaTeX4technics Button for inline equation -->
<input type="button" class="L4tinlinebtn" value="Insert inline equation"/>
<!-- LaTeX4technics Button for display equation -->
<input type="button" class="L4tdisplaybtn" value="Insert display equation"/>
copy
<!-- LaTeX4technics configuration and library -->
<script type="text/javascript" >
var L4tconfig ={
application_id : "your_app_id",
receiver_field_id : "textarea_id",
displayMath_delimiter_start : "$$",
displayMath_delimiter_end : "$$",
inlineMath_delimiter_start : "$",
inlineMath_delimiter_end : "$",
x_ratio : "0.6",
y_ratio : "0.8"
}
</script>
<script type="text/javascript"  src="https://www.latex4technics.com/js/textarea_l4t_integration.js"></script>

The main JavaScript-file includes the receiver and inserter module.

integration with contenteditable elements

Tested e.g. for xenforo

copy
<!-- Button for inline equation -->
<button class="L4tinlinebtn"></button>
<!-- Button for display equation -->
<button class="L4tdisplaybtn"></button>
                     
copy
<!-- LaTeX4technics configuration and library -->
<script type="text/javascript" >
var L4tconfig ={
application_id : "your_app_id",
receiver_field_id : "textarea_id",
displayMath_delimiter_start : "$$",
displayMath_delimiter_end : "$$",
inlineMath_delimiter_start : "$",
inlineMath_delimiter_end : "$",
x_ratio : "0.6",
y_ratio : "0.8"
}
</script>
<script type="text/javascript"  src="https://www.latex4technics.com/js/xenforo_l4t_integration.js"></script>