How to change color of a group of letters through its index in a textbox

Help and Feedback Scripting Support
#1

Hello, I am trying to make it that after you type in a certain keyword in a textbox, that keyword turns a different color than the rest of the text.

How would I do this?

1 Like
#2

You can use Rich Text

https://developer.roblox.com/en-us/articles/gui-rich-text

1 Like
#3

So basically I would get where the keyword starts, add the beginning html there, then add the ending html where it ends?

#4

Yeah, that should work. Let me know if you have any issues.

1 Like
#5

But what im currently trying to figure out is how to remove the html from that position when part of the keyword is deleted

#6

You could save the text as a variable and whenever they change the content of the textbox you could set the text back to the original text and add the html

1 Like
#7 
local frame = script.Parent
local label = frame:WaitForChild("TextLabel")
local box = frame:WaitForChild("TextBox")

local text = "the quick brown fox jumps over the lazy dog."

label.Text = text

box:GetPropertyChangedSignal("Text"):Connect(function()
	label.Text = text
	local term = box.Text
	if term ~= "" then
		local split = text:split(term)
		if #split - 1 > 0 then
			label.Text = table.concat(split, "<font color=\"#00ff00\">"..term.."</font>")
		end
	end
end)

I tried doing it myself, and this seemed to work. Good luck!

4 Likes
#8

Thanks so much! I’m making a script editor so that people can learn Lua and I want it to function the same way as a normal script editor would. This helps a lot!

1 Like
I need help with a Code Executer
How do I make a certain word a color
#9

Sorry to bump a solved topic, but… This completely freezes Roblox Studio. Am i doing something wrong?