移动原生应用开发，这款富文本编辑器控件也许用得上 XamarinXamarin.FormsTelerik移动开发

程序员文章站 2022-05-29 08:38:35

...

Telerik UI for Xamarin是一个构建跨平台移动应用程序的原生UI。Telerik UI for Xamarin使用Xamarin.Forms技术，它可以让开发人员从一个单一的共享C#代码库中创建原生的iOS、Android和Windows Phone应用程序。不仅如此，UI for Xamarin建立在iOS和Android的原生控件之上的，为Xamarin用户的应用程序提供真正的原生UI。

移动原生应用开发，这款富文本编辑器控件也许用得上

XamarinXamarin.FormsTelerik移动开发

在2020年Telerik UI for Xamarin发布的最新版本中，引入了两个新的控件：RichTextEditor(beta)和ComboBox。

Telerik RichTextEditor for Xamarin使用户可以通过“所见即所得”（WYSIWYG）界面来创建丰富的文本内容，该控件具有各种编辑功能，并且在RadRichTextEditorToolbar的帮助下，您可以为用户提供一种轻松快捷的方法来编辑其HTML内容。默认工具栏包含所有可用的文本格式设置选项，但您也可以根据需要自定义显示的编辑选项。

RichTextEditor有多种用例，作为邮件客户端 - 如果要发送电子邮件并要编辑，请设置文本格式。作为文本编辑应用程序 - 在将文档导入应用程序来进行编辑、格式化文本或向文档中添加其他信息。

显示HTML内容

您可以轻松显示HTML内容，包括段落、格式化文本、图像、表格、有序和无序列表。

各种HTML来源选项

您可以从字符串以及流中加载HTML源代码。

从字符串加载HTML：

var htmlSource = @"<h4>RichTextEditor for Xamarin - Overview</h4>
<p><strong>RichTextEditor</strong> enables users to create rich textual content through a What-You-See-Is-What-You-Get (WYSIWYG) interface.</p>";
this.richTextEditor.Source = RichTextSource.FromString(htmlSource);

从流中加载HTML：

Func<CancellationToken, Task<Stream>> streamFunc = ct => Task.Run(() =>
{
Assembly assembly = typeof(KeyFeatures).Assembly;
string fileName = assembly.GetManifestResourceNames().FirstOrDefault(n => n.Contains("richtexteditor-htmlsource.html"));
Stream stream = assembly.GetManifestResourceStream(fileName);
return stream;
});

this.richTextEditor.Source = RichTextSource.FromStream(streamFunc);

各种编辑功能

文本格式，例如粗体、斜体、下划线和删除线
字体操作，例如大小、字体、文本颜色和文本背景颜色
项目符号和编号列表
文字选择
超链接操纵 - 创建、编辑和删除超链接
下标和上标格式
缩进和内容对齐
撤消/重做编辑操作

RichTextEditor工具栏

该控件配备了预定义的用户界面，该界面会自动与该控件内置功能提供的所有命令连接在一起。默认工具栏包含所有可用的文本格式设置选项，但您可以根据需要自定义显示的编辑选项。

<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition />
</Grid.RowDefinitions> 
<telerikRichTextEditor:RadRichTextEditorToolbar x:Name="richTextToolbar" RichTextEditor="{x:Reference richTextEditor}" />
<telerikRichTextEditor:RadRichTextEditor x:Name="richTextEditor" Grid.Row="1" />
</Grid>