How to add images in messages ? (Like KAT)

Help and Feedback Scripting Support
,
#21

Well I mean it works like wow your a good scripter “Can I work for you” KIDDING KIDDING
So, thanks and what do you want me to put for the credits. so I don’t feel bad for “scamming” you.

#22

na just say custom emoji made my kidsteve923 I dont want anything else ;-; and put the credits if you want idc. And it does work right? I will make a better version soon doe.

#23

Yeah, I just hope one day you can make it work for scaling due to my game being worked on for EVERY PLATFORM and my scripting capabilities is like a 2 year old trying to draw the mona lisa. It just ain’t happening

#24

lmao yea probably. Cuz currently I have been very busy.

1 Like
#25

Dang, that kind of sucks. I haven’t slept for 5 days working on my game :slight_smile: Anyways have a good day and we meet one day!

#26

damn. Anyways yea gave a good day too.

1 Like
#27

You can use string.gsub() for replacing strings

#28

I may be a little late to this but heres a tool i made that does this pretty well :slight_smile:

--[[

UI Emoji Inserter
by upio (no attribution required)

Breakdown of what the script does (ignore this i used it to create this script): 
 - Create a frame to contain all the UI elements
 - Add UIListLayout to frame and make it Wrappable & FillDirection = Horizontal
 - Split all words in the text by spaces and get their size
 - Create a new TextLabel for each word
 - find if its a emoji and if so, add a new ImageLabel
]]

local TextService = game:GetService("TextService")
local TextTemplate = script.TextLabel

local Templates = {
	["ImageLabel"] = {
		BackgroundTransparency = 1,
	}
}

local function New(ClassName: string, Options: {[string]: any})
	local Instance = Instance.new(ClassName)

	for Key, Value in pairs(Templates[ClassName] or {}) do
		Instance[Key] = Value
	end

	for Key, Value in pairs(Options) do
		if typeof(Value) == "table" then
			local Object = New(Key, Value)
			Object.Parent = Instance

			continue
		end

		Instance[Key] = Value
	end
	
	return Instance
end

local function GetStringSize(string)
	local Params = New("GetTextBoundsParams", {
		Text = string,
		Font = TextTemplate.FontFace,
		Size = TextTemplate.TextSize,
		Width = workspace.CurrentCamera.ViewportSize.X - 32,
	})

	local Bounds = TextService:GetTextBoundsAsync(Params)
	Params:Destroy()

	return Bounds.X, Bounds.Y
end

local UIEmojiInserter = {}

function UIEmojiInserter.init(Parent: Instance, Options: {
	["Emojis"]: {[string]: {[string]: any}},
	["SpaceSpacing"]: number?,
})
	assert(Options.Emojis ~= nil, "Emoji table must be provided")
	local SpaceSpacing = Options.SpaceSpacing or 2

	local Helper = { UI = { StaticElements = {}, DynamicElements = {} } }

	Helper.UI.StaticElements.ContainerFrame = New("Frame", {
		BackgroundTransparency = 1,
		Size = UDim2.fromScale(1, 1),
		Position = UDim2.fromOffset(0, 0),
		AnchorPoint = Vector2.new(0, 0),
		BorderSizePixel = 0,
		Parent = Parent,

		["UIListLayout"] = {
			FillDirection = Enum.FillDirection.Horizontal,
			HorizontalAlignment = Enum.HorizontalAlignment.Left,
			VerticalAlignment = Enum.VerticalAlignment.Center,
			SortOrder = Enum.SortOrder.LayoutOrder,
			Padding = UDim.new(0, SpaceSpacing),
			Wraps = true,
		}
	})

	function Helper:SetText(Text: string)
		for _, Element in pairs(Helper.UI.DynamicElements) do
			Element:Destroy()
		end
		
		Helper.UI.DynamicElements = {}

		local Words = Text:split(" ")
		local Cache = {
			["Words"] = {}
		}

		for _, Word in pairs(Words) do
			if not Cache.Words[Word] then
				local EmojiMatch = Word:match(":(%w+):")
				if EmojiMatch then
					local Emoji = Options.Emojis[EmojiMatch]
					if Emoji then
						Cache.Words[Word] = New("ImageLabel", Emoji)
					end
				else
					local SizeX, SizeY = GetStringSize(Word)
	
					local WordLabel = New("TextLabel", {
						Size = UDim2.fromOffset(SizeX, SizeY),
						BackgroundTransparency = 1,
						Text = Word,
						Font = TextTemplate.Font,
						FontFace = TextTemplate.FontFace,
						TextSize = TextTemplate.TextSize,
						TextColor3 = TextTemplate.TextColor3
					})
		
					Cache.Words[Word] = WordLabel
				end
			end

			local WordLabel = Cache.Words[Word]:Clone()
			WordLabel.Parent = Helper.UI.StaticElements.ContainerFrame
			WordLabel.LayoutOrder = #Helper.UI.DynamicElements + 1
			table.insert(Helper.UI.DynamicElements, WordLabel)
		end
	end

	return Helper
end


local EmojiHelper = UIEmojiInserter.init(script.Parent, {
	["Emojis"] = {
		["Content"] = {
			Image = "rbxassetid://135666356081915",
			Size = UDim2.fromOffset(25, 25),
		}
	},

	["SpaceSpacing"] = 2
})

EmojiHelper:SetText("Heh silly emoji inserter made by upio :Content: and it works with like yeah :Content:")

You need to put a textlabel that is the template text inside the script named “TextLabel”

Result:

image
image766×356 41.3 KB

1 Like
#29

How would this apply to chat? I know this could work with textboxes but chat?