Summary  
This chapter demonstrates how to embed an interactive code execution plugin into an HTML page using data attributes to configure language, version, and libraries, and shows a Java example that prints output.

General domain of usage  
Web-based coding tutorials and education platforms.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>JDoodle Plugin - Example</title>
    <style>
        /* Change the value for the height property depending on content */
        div[data-language="java"] iframe {
            height: 500px;
        }
        #accordion {
            display: none !important;
        }
    </style>
</head>
<body>
<div
        data-pym-src="https://www.jdoodle.com/plugin"
        data-language="java"
        data-version-index="4"
        data-libs="org.apache.commons:commons-lang3:3.4"
>
public class MyClass {
    public static void main(String args[]) {
        int x=10;
        int y=25;
        int z=x+y;

        System.out.println("Sum of x+y = " + z);
    }
}
</div>
<script
        src="https://www.jdoodle.com/assets/jdoodle-pym.min.js"
        type="text/javascript"
></script>
</body>
</html>

This section contains a variety of buttons, each designed to perform a specific function.

This section provides auxiliary tools that support content formatting and data manipulation.

This section contains additional features and tools designed to provide enhanced functionality.

This section contains various text box elements.

Please don't use any elements from this section, as it doesn't provide any value for the content development. Thank you!

Please note that the elements in this section are deprecated and no longer recommended for use. It would be best to avoid using them moving forward. Thank you!

+ (deprecated) IDE Testing