AI Content Detection in HTML

HTML, the HyperText Markup Language is used to design web pages to be rendered in browsers. Typically it is combined with CSS for styling and presentation and JavaScript for dynamic functionality.

Sapling: AI Generated Content Detector

How do you distinguish or determine between text written by a human and text written by Large Language Model generative AIs? With Sapling, you can integrate AI Content Detection to an existing HTML application. You can also add grammar, spell checking, and other text AI functionality.

This page demonstrates a quick way to integrate AI writing and AI text checking functionality into a HTML application using Sapling's API. If you are not looking for a HTML guide, click here for guides for other programming languages.

Sapling maintains a HTML specific SDK that you can view documentation for here, but you can also access the Sapling Grammar Checking HTTP API using any programming language that supports HTTP POST requests.

Setup Steps

Distinguish human text from AI text using HTML:

[Register] for an account.
Visit the [dashboard] to generate an API key.
Run the code below, filling in your API key.
Use longer text (more than 150 characters) for more accurate results.

HTML Grammar Check Quickstart

<textarea id="content-editor">
I am an artificial intelligence system designed to help people solve complex problems.
My capabilities include natural language processing, machine learning, and predictive analytics.
</textarea>

<div id="results"></div>

<button onclick="checkContent()">Check</button>

<script type="text/javascript">
function checkContent() {
  fetch(
    'https://api.sapling.ai/api/v1/aidetect',
    {
      method: 'POST',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify({
        key: '',
        text: document.getElementById('content-editor').textContent,
      }),
    },
  ).then((response) => {
    return response.json();
  }).then((data) => {
    document.getElementById('results').innerHTML = JSON.stringify(data);
  })
}
</script>

Returned result:

{
  "score":0.9989707556330055,
  "sentence_scores":[
    {
      "score":0.9764397893790885,
      "sentence": "I am an artificial intelligence system designed to help people solve complex problems."
    },
    {
      "score":0.9923806397189778,
      "sentence":"My capabilities include natural language processing, machine learning, and predictive analytics."
    }
  ],
  "text":"I am an artificial intelligence system designed to help people solve complex problems. My capabilities include natural language processing, machine learning, and predictive analytics."
}

Documentation

Addtional parameters and Sapling's full API documentation can be accessed here: https://sapling.ai/docs/api/detector