Unity安卓/iOS应用支持更多HTML标签的解决方案咨询

Got it, let’s break down how to get those backend-generated HTML tags working with Unity’s TextMeshPro— I’ve dealt with this exact scenario when integrating CMS content into mobile Unity apps. Here are the most practical approaches:

1. Preprocess HTML to Convert to TMP-Supported Tags #

TextMeshPro supports a subset of HTML-like rich text tags, so the easiest first step is to convert the backend’s non-supported tags (like <div>, styled <span>) into TMP-compatible ones. This works great for common styles like bold, color, underline, and line breaks.

For example, you can write a simple C# utility function to handle these conversions using string replacements and regex:

using System.Text.RegularExpressions;
using UnityEngine;

public static class HtmlToTmpConverter
{
    public static string Convert(string rawHtml)
    {
        string tmpText = rawHtml;
        
        // Replace <div> blocks with line breaks (since divs are block-level elements)
        tmpText = tmpText.Replace("<div>", "<br>").Replace("</div>", "");
        
        // Convert span color styles to TMP's <color> tag
        tmpText = Regex.Replace(tmpText, @"<span style=""color:(#[0-9A-Fa-f]{6});"">", @"<color=$1>");
        tmpText = tmpText.Replace("</span>", "</color>");
        
        // Convert bold styles from span to TMP's <b> tag
        tmpText = Regex.Replace(tmpText, @"<span style=""font-weight:bold;"">", "<b>");
        
        // Convert underline styles to TMP's <u> tag
        tmpText = Regex.Replace(tmpText, @"<span style=""text-decoration:underline;"">", "<u>");
        
        // Add more conversions here for other styles (e.g., italic, font size)
        return tmpText;
    }
}

Just pass your backend’s HTML content through this function before assigning it to your TMP_Text component. The downside is you’ll need to extend it if your backend uses more complex styles, but it’s lightweight for most common cases.

2. Extend TMP with Custom Tag Handlers #

If you need support for more complex HTML structures, you can create a custom tag handler using TextMeshPro’s ITextTagHandler interface. This lets you define how TMP should parse and render non-standard tags directly.

Here’s a quick example of a handler that processes styled <span> tags and <div>:

using System.Text;
using TMPro;
using UnityEngine;

public class CustomHtmlTagHandler : ITextTagHandler
{
    public void HandleTag(StringBuilder output, string tag, bool isOpeningTag, ref int inputPosition)
    {
        // Handle styled span tags
        if (tag.StartsWith("span style="))
        {
            // Extract the style attribute value
            string[] tagParts = tag.Split(new[] { '"' }, System.StringSplitOptions.RemoveEmptyEntries);
            if (tagParts.Length >= 2)
            {
                string style = tagParts[1];
                
                // Handle color styles
                if (style.Contains("color:"))
                {
                    string colorValue = style.Split(new[] { ':' })[1].TrimEnd(';');
                    output.Append(isOpeningTag ? $"<color={colorValue}>" : "</color>");
                }
                
                // Handle bold styles
                if (style.Contains("font-weight:bold"))
                {
                    output.Append(isOpeningTag ? "<b>" : "</b>");
                }
                
                // Handle underline styles
                if (style.Contains("text-decoration:underline"))
                {
                    output.Append(isOpeningTag ? "<u>" : "</u>");
                }
            }
        }
        // Handle div tags as line breaks
        else if (tag == "div")
        {
            if (isOpeningTag)
            {
                output.Append("<br>");
            }
        }
    }
}

// Register the handler in your UI initialization code
public class TmpHtmlSetup : MonoBehaviour
{
    [SerializeField] private TMP_Text tmpText;

    void Start()
    {
        tmpText.textTagHandler = new CustomHtmlTagHandler();
        // Assign your backend HTML content here
        tmpText.text = "<div>Hello <span style=\"color:#ff0000; font-weight:bold;\">World!</span></div>";
    }
}

This approach is far more flexible— you can add logic for almost any HTML tag or style you need, but it requires more code to maintain.

3. Use Third-Party Unity Plugins #

If you don’t want to build your own parser, there are dedicated plugins on the Unity Asset Store that handle HTML-to-TMP conversion out of the box. These plugins usually support a wider range of HTML tags (like <p>, <ul>, <li>) and styles, saving you time on custom code. Look for plugins labeled "HTML to TextMeshPro" or similar— they’re designed specifically for this use case.

4. Adjust Backend Output (If Possible) #

The most straightforward fix (if you have control over the PHP backend) is to modify the editor’s output to use TMP’s native rich text tags instead of standard HTML. For example, configure the text editor to output <color=#ff0000> instead of <span style="color:#ff0000;">, or replace <div> with <br> before sending content to Unity. This shifts the work to the backend and eliminates the need for Unity-side processing entirely.

内容的提问来源于stack exchange，提问作者Vivek Mishra