DEV Community

Robroy Canales
Robroy Canales

Posted on

Web Text Translator - Languages Picker

Source Code

This project enables inline text translation on any webpage by allowing users to click on a text element and select a target language from a modal popup. The tool is lightweight, user-friendly, and easily integrable into any project.

Features

  • Click-to-edit: Click on any .text-editor element to open the editor.
  • Multi-language support: Choose from 40+ languages.
  • Auto-translation: Works with your own translation API (default uses localhost:8000/translate).
  • Modular design: Easily integrable into any modern project.
  • Tag-safe editing: HTML tags are highlighted and locked (non-editable).

Top comments (0)