📚 highlight_selectable

A Flutter widget that displays syntax-highlighted code with optional selection, copy, and inline editing support — an enhanced version of flutter_highlight, made to feel more like ChatGPT or VSCode snippets.

✨ Features

✅ Syntax highlighting using highlight
✅ Toggle between selectable or read-only code
✅ Optional copy button
✅ Built-in edit mode with save/cancel controls
✅ Support for custom overlay buttons (e.g. share, delete, etc.)
✅ All themes from flutter_highlight are supported
✅ Fully Flutter & web compatible (no dart:io)

📦 Installation

dependencies:
  highlight_selectable: ^0.2.1

Quick Start

import 'package:flutter/material.dart';
import 'package:highlight_selectable/theme_map.dart';
import 'package:highlight_selectable/highlight_selectable.dart';

class Example extends StatelessWidget {
  final code = "print('Hello, world!');";

  @override
  Widget build(BuildContext context) {
    return HighlightSelectable(
      code,
      language: 'dart',
      theme: themeMap['a11y_dark']!,  // Note: theme keys use underscores
      selectable: true,
      showCopyButton: true,
      showEditButton: true,
      onChanged: (newCode) {
        // Handle code changes
        debugPrint('User updated the code:\n$newCode');
      },
      // onCopied: () {},
      // overlayButtons: [CustomButton()],
    );
  }
}

📚 highlight_selectable

✨ Features

📦 Installation

Quick Start

Libraries

highlight_selectable package