:CodeEditor

This editor is actually from Dex, credits to Moon for the original source. It has been edited to fit ReGui and floating references!

type CodeEditor = {
    --// new() arguments
    Editable: boolean?,
    FontSize: number?,
    FontFace: FontFace?, --// Not recommended to change this
    Colors: {
        [string]: Color3
    }?
    
    --// Methods
    GetVersion: () -> string,
    ClearText: (self) -> nil,
    SetText: (self, Text: string) -> nil,
    GetText: (self) -> string,
    AppendText: (self, Text: string) -> nil,
    ResetSelection: (self, NoRefresh: boolean?) -> nil,
    GetSelectionText: (self) -> string,
    
    --// Properties
    Gui: Frame,
    Editing: boolean
}

Example usage:

local EditorTab = TabSelector:CreateTab({
	Name = "Editor"
}) --> Canvas

local CodeEditor = EditorTab:CodeEditor({
	Text = [[print("Hello from ReGui's editor!")]],
	Editable = true,
	Fill = true -- Universal ReGui property
})

local ButtonsRow = EditorTab:Row()
ButtonsRow:Button({
	Text = "Execute",
	Callback = function(self)
		loadstring(CodeEditor:GetText())()
	end
})
ButtonsRow:Button({
	Text = "Clear",
	Callback = function(self)
		CodeEditor:SetText("")
	end
})

Custom syntax colors:

:CodeEditor({
	Text = [[print("Hello from ReGui's editor!")]],
	Editable = true,
	Colors = { -- Overwrites default syntax colors
        Text = Color3.fromRGB(204, 204, 204),
        Background = Color3.fromRGB(20,20,20),
        Selection = Color3.fromRGB(255,255,255),
        SelectionBack = Color3.fromRGB(102, 161, 255),
        Operator = Color3.fromRGB(204, 204, 204),
        Number = Color3.fromRGB(255, 198, 0),
        String = Color3.fromRGB(172, 240, 148),
        Comment = Color3.fromRGB(102, 102, 102),
        Keyword = Color3.fromRGB(248, 109, 124),
        BuiltIn = Color3.fromRGB(132, 214, 247),
        LocalMethod = Color3.fromRGB(253, 251, 172),
        LocalProperty = Color3.fromRGB(97, 161, 241),
        Nil = Color3.fromRGB(255, 198, 0),
        Bool = Color3.fromRGB(255, 198, 0),
        Function = Color3.fromRGB(248, 109, 124),
        Local = Color3.fromRGB(248, 109, 124),
        Self = Color3.fromRGB(248, 109, 124),
        FunctionName = Color3.fromRGB(253, 251, 172),
        Bracket = Color3.fromRGB(204, 204, 204)
    }
})