开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 3428|回复: 0

Telerik UI for Xamarin的富文本编辑器控件使用

[复制链接]

0

精华

8

贡献

1768

赞扬

特约版主

帖子
583
软币
4524
在线时间
275 小时
注册时间
2019-2-21
发表于 2021-1-15 09:59:46 | 显示全部楼层 |阅读模式
Telerik UI for Xamarin是一个构建跨平台移动应用程序的原生UI。Telerik UI for Xamarin使用Xamarin.Forms技术,它可以让开发人员从一个单一的共享C#代码库中创建原生的iOS、Android和Windows Phone应用程序。不仅如此,UI for Xamarin建立在iOS和Android的原生控件之上的,为Xamarin用户的应用程序提供真正的原生UI。

在2020年Telerik UI for Xamarin发布的最新版本中,引入了两个新的控件:RichTextEditor(beta)ComboBox
Telerik RichTextEditor for Xamarin使用户可以通过“所见即所得”(WYSIWYG)界面来创建丰富的文本内容,该控件具有各种编辑功能,并且在RadRichTextEditorToolbar的帮助下,您可以为用户提供一种轻松快捷的方法来编辑其HTML内容。 默认工具栏包含所有可用的文本格式设置选项,但您也可以根据需要自定义显示的编辑选项。
RichTextEditor有多种用例,作为邮件客户端 - 如果要发送电子邮件并要编辑,请设置文本格式。 作为文本编辑应用程序 - 在将文档导入应用程序来进行编辑、格式化文本或向文档中添加其他信息。
显示HTML内容
您可以轻松显示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:
[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工具栏
该控件配备了预定义的用户界面,该界面会自动与该控件内置功能提供的所有命令连接在一起。 默认工具栏包含所有可用的文本格式设置选项,但您可以根据需要自定义显示的编辑选项。
[HTML] 纯文本查看 复制代码
<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>


只读状态
RichTextEditor的IsReadOnly(bool)属性指示控件是否处于只读模式,设置IsReadOnly =“ True”意味着将禁用工具栏项目,不能更改文档的内容并且不能执行选择。

命令支持
该控件公开了诸如ToggleBoldCommand、ToggleBulletingCommand、AlignRightCommand等命令,这些命令使您可以对加载到编辑器内容中的内容执行富文本编辑操作。
灵活的样式API
您可以通过各种样式属性(例如BackgroundColor,BorderColor和Thickness,CornerRadius等)来修改RadRichTextEditor的可视化外观以及工具栏项目。



回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2024-4-20 01:56

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表