Xam.Plugin.HtmlLabel 2.2.0

.NET Standard 1.3
There is a newer version of this package available.
See the version list below for details.
dotnet add package Xam.Plugin.HtmlLabel --version 2.2.0
NuGet\Install-Package Xam.Plugin.HtmlLabel -Version 2.2.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Xam.Plugin.HtmlLabel" Version="2.2.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Xam.Plugin.HtmlLabel --version 2.2.0
#r "nuget: Xam.Plugin.HtmlLabel, 2.2.0"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install Xam.Plugin.HtmlLabel as a Cake Addin
#addin nuget:?package=Xam.Plugin.HtmlLabel&version=2.2.0

// Install Xam.Plugin.HtmlLabel as a Cake Tool
#tool nuget:?package=Xam.Plugin.HtmlLabel&version=2.2.0

Html Label Plugin for Xamarin.Forms

Use this Xamarin.Forms plugin to display HTML content into a label.

** NEW YEAR UPDATE **

  • Xamarin.Forms 2.5.0;
  • .NET Standard;
  • UWP partial support;
  • Added support for: FontAttributes, FontFamily, FontSize, TextColor and HorizontalTextAlignment;
  • HyperLinks support.

Setup

  • Available on NuGet: https://www.nuget.org/packages/Xam.Plugin.HtmlLabel
  • Install it in every Xamarin.Forms project.
  • iOS: AppDelegate.cs
    HtmlLabelRenderer.Initialize();
    global::Xamarin.Forms.Forms.Init();
    
  • Android: MainActivity.cs
    HtmlLabelRenderer.Initialize();
    global::Xamarin.Forms.Forms.Init(this, bundle);
    
  • UWP: App.xaml.cs
    var rendererAssemblies = new[] { typeof(HtmlLabelRenderer).GetTypeInfo().Assembly };
    Xamarin.Forms.Forms.Init(e, rendererAssemblies);
    HtmlLabelRenderer.Initialize();
    

How it works

On iOS and Android it uses the native HTML rendering capabilities of iOS's UILabel and Android's TextView.

UWP's TextBlock cannot renders HTML so the library parses the HTML and uses Inlines to display: <a>, <b>, <br>, <em>, <i>, <p>, <strong>, <u>, <ul> <li>, <div>.

FontAttributes, FontFamily, FontSize, TextColor, HorizontalTextAlignment are converted into inline CSS in a wrapping <div> for iOS and Android. UWP supports them natively.

Custom styling

If you need to customize something in Android or iOS you can use inline CSS, for example:

<span style="color: green">...</span>

For underlined text use the <u> tag: <u>Some underlined text</u>

For links: remember to add the schema (http:// https:// // mailto:// ext...)

Supported Properties

  • Text
  • FontAttributes
  • FontFamily
  • FontSize
  • TextColor
  • HorizontalTextAlignment

Custom Properties

  • MaxLines (int)
  • IsHtml (bool)
  • RemoveHtmlTags (bool)

Usage XAML

xmlns:htmlLabel="clr-namespace:Plugin.HtmlLabel;assembly=Plugin.HtmlLabel"
<htmlLabel:HtmlLabel Text="{Binding HtmlString}"/>
xmlns:htmlLabel="clr-namespace:Plugin.HtmlLabel;assembly=Plugin.HtmlLabel"
<htmlLabel:HtmlLabel Text="{Binding HtmlString}" htmlLabel:HtmlLabel.MaxLines="2"/>
xmlns:htmlLabel="clr-namespace:Plugin.HtmlLabel;assembly=Plugin.HtmlLabel"
<htmlLabel:HtmlLabel Text="{Binding PlainTextString}" htmlLabel:HtmlLabel.IsHtml="False"/>
xmlns:htmlLabel="clr-namespace:Plugin.HtmlLabel;assembly=Plugin.HtmlLabel"
<htmlLabel:HtmlLabel Text="{Binding HtmlString}" htmlLabel:HtmlLabel.RemoveHtmlTags="True"/>

Usage C#

var label = new HtmlLabel();
label.Text = "..htmlstring.."
HtmlLabel.SetMaxLines(label, 3);

Limitations

  • SetMaxLines and LineBreakMode.TailTruncation do not work properly;
  • Links and custom fonts could not work properly on iOS.

Contributions

Contributions are welcome!

License

Under MIT, see LICENSE file.

Product Versions
.NET net5.0 net5.0-windows net6.0 net6.0-android net6.0-ios net6.0-maccatalyst net6.0-macos net6.0-tvos net6.0-windows net7.0 net7.0-android net7.0-ios net7.0-maccatalyst net7.0-macos net7.0-tvos net7.0-windows
.NET Core netcoreapp1.0 netcoreapp1.1 netcoreapp2.0 netcoreapp2.1 netcoreapp2.2 netcoreapp3.0 netcoreapp3.1
.NET Standard netstandard1.3 netstandard1.4 netstandard1.5 netstandard1.6 netstandard2.0 netstandard2.1
.NET Framework net46 net461 net462 net463 net47 net471 net472 net48
MonoAndroid monoandroid monoandroid10
MonoMac monomac
MonoTouch monotouch
Tizen tizen30 tizen40 tizen60
Universal Windows Platform uap uap10 uap10.0
Xamarin.iOS xamarinios xamarinios10
Xamarin.Mac xamarinmac
Xamarin.TVOS xamarintvos
Xamarin.WatchOS xamarinwatchos
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on Xam.Plugin.HtmlLabel:

Package Downloads
Xamarin.Forms.InterfaceBuilder

InterfaceBuilder is an hepful api to write Xamarin.Forms user interfaces directly in sourcecode. It's heavly relying on the builder pattern. So you can write: var ui = new UI(); MainPage = ui.Page("MainPage", ui.Stack().With( ui.Label("A"), ui.Label("B"), ui.Label("C")) );

GitHub repositories (1)

Showing the top 1 popular GitHub repositories that depend on Xam.Plugin.HtmlLabel:

Repository Stars
gruan01/XFControls
Xamarin.Forms Custom Control
Version Downloads Last updated
5.1.0 10,808 6/18/2022
5.0.2 219 6/18/2022
5.0.0 80,403 11/7/2020
5.0.0-alpha4 294 9/30/2020
5.0.0-alpha3 736 9/10/2020
5.0.0-alpha1 536 6/10/2020
4.1.3 110,720 6/23/2020
4.1.2 40,224 4/18/2020
4.1.1 2,796 4/5/2020
4.1.0 4,214 3/25/2020
4.0.1 3,225 3/15/2020
4.0.0 666 3/14/2020
4.0.0-preview.1 268 3/8/2020
3.0.2.2 104,588 3/18/2019
3.0.2.1 66,132 11/25/2018
3.0.1.6 21,303 8/26/2018
3.0.1.3-beta 1,961 6/13/2018
2.2.0 22,698 3/24/2018
2.1.5 1,136 3/7/2018
2.1.4 2,309 2/5/2018
2.1.3 856 2/3/2018
2.1.2 1,288 1/29/2018
2.1.1 986 1/28/2018
2.1.0 1,282 1/15/2018
1.0.4 6,368 7/11/2017

Xamarin.Forms 2.5.0
           .NET Standard 1.3
           UWP partial support
           added support for: FontAttributes, FontFamily, FontSize, TextColor and HorizontalTextAlignment
           HyperLinks support
           2.2.0 => List tags Android support